@isettingkit/business-rules 2.1.10 → 2.1.12

package/dist/index.es.js

@@ -1,22 +1,22 @@
-import { jsx as a, jsxs as m, Fragment as O } from "react/jsx-runtime";
-import { MdOutlineDelete as an, MdClear as ln, MdAdd as Ye, MdOutlineCreate as Ft, MdExpandLess as Lt, MdExpandMore as Tn, MdInfo as Ot, MdCached as Pt, MdOutlineInfo as Mt, MdClose as zt, MdOutlineFilterAltOff as it, MdOutlineFilterAlt as lt, MdChevronRight as zn, MdArrowRight as Vt, MdOutlineArrowCircleLeft as jt, MdOutlineArrowCircleRight as Ut, MdOutlineChevronRight as _t, MdOutlineError as Ht } from "react-icons/md";
-import { inube as E, Stack as v, Divider as B, Icon as M, Text as $, SkeletonLine as J, useMediaQuery as te, Blanket as sn, Button as q, Grid as We, Toggle as dn, Checkbox as kn, Date as Fe, Box as qt, Tag as De, Tabs as st, SkeletonIcon as Bt, Fieldset as je, OptionList as Gt, Checkpicker as Yt, Label as Wt, OptionItem as Xt } from "@inubekit/inubekit";
-import w, { keyframes as An, ThemeContext as $n } from "styled-components";
-import { ValueDataType as j, ValueHowToSetUp as ee, DecisionConditionRender as tn, DecisionConditionRenderNew as Vn } from "@isettingkit/input";
-import { DecisionViewConditionRenderer as $e, DecisionViewConditionRendererNew as Ke } from "@isettingkit/view";
-import { createPortal as cn } from "react-dom";
+import { jsx as a, jsxs as m, Fragment as z } from "react/jsx-runtime";
+import { MdOutlineDelete as ln, MdClear as sn, MdAdd as Ye, MdOutlineCreate as Ft, MdExpandLess as Lt, MdExpandMore as Tn, MdInfo as Ot, MdCached as Pt, MdOutlineInfo as Mt, MdClose as zt, MdOutlineFilterAltOff as it, MdOutlineFilterAlt as lt, MdChevronRight as zn, MdArrowRight as Vt, MdOutlineArrowCircleLeft as jt, MdOutlineArrowCircleRight as Ut, MdOutlineChevronRight as _t, MdOutlineError as Ht } from "react-icons/md";
+import { inube as S, Stack as v, Divider as G, Icon as j, Text as $, SkeletonLine as J, useMediaQuery as te, Blanket as dn, Button as B, Grid as We, Toggle as cn, Checkbox as kn, Date as Fe, Box as qt, Tag as Ee, Tabs as st, SkeletonIcon as Bt, Fieldset as Ue, OptionList as Gt, Checkpicker as Yt, Label as Wt, OptionItem as Xt } from "@inubekit/inubekit";
+import C, { keyframes as An, ThemeContext as $n } from "styled-components";
+import { ValueDataType as _, ValueHowToSetUp as ee, DecisionConditionRender as rn, DecisionConditionRenderNew as Vn } from "@isettingkit/input";
+import { DecisionViewConditionRenderer as $e, DecisionViewConditionRendererNew as Ze } from "@isettingkit/view";
+import { createPortal as un } from "react-dom";
 import { useFormik as In } from "formik";
-import { string as le, mixed as Pe, object as ne, number as se, lazy as qe, date as Le } from "yup";
-import V, { useState as z, useRef as Ie, useEffect as Ee, useContext as Rn, forwardRef as Qt, useMemo as dt, useCallback as Zt } from "react";
-import { Link as ct, useLocation as Kt } from "react-router-dom";
+import { string as ie, mixed as Me, object as ne, number as le, lazy as Be, date as Le } from "yup";
+import V, { useState as U, useRef as Ie, useEffect as ke, useContext as Rn, forwardRef as Qt, useMemo as dt, useCallback as Kt } from "react";
+import { Link as ct, useLocation as Zt } from "react-router-dom";
 import Jt from "axios";
 import { franc as er } from "franc-min";
-const nr = w.div`
+const nr = C.div`
   border-radius: 8px;
   border: 1px solid
     ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   box-sizing: border-box;
   display: flex;
@@ -27,7 +27,7 @@ const nr = w.div`
   height: 100%;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
 `;
-w.div`
+C.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -50,15 +50,15 @@ const Xe = (e) => {
   const { children: n, controls: t = !0, handleDelete: r, id: o } = e;
   return /* @__PURE__ */ a(nr, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     n,
-    t && /* @__PURE__ */ m(O, { children: [
-      /* @__PURE__ */ a(B, {}),
+    t && /* @__PURE__ */ m(z, { children: [
+      /* @__PURE__ */ a(G, {}),
       /* @__PURE__ */ a(v, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ a(
-        M,
+        j,
         {
           cursorHover: !0,
           appearance: "danger",
           size: "24px",
-          icon: /* @__PURE__ */ a(an, {}),
+          icon: /* @__PURE__ */ a(ln, {}),
           onClick: () => {
             r(o);
           }
@@ -78,19 +78,19 @@ const dr = {
   [A.GREATER_THAN]: ir,
   [A.LESS_THAN]: lr,
   [A.EQUAL]: sr
-}, Ue = (e) => {
+}, _e = (e) => {
   const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), r = dr[e == null ? void 0 : e.howToSetTheDecision] || tr;
   return t && r(n) || n || void 0;
-}, jn = w.div`
+}, jn = C.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
       ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   }
-`, Un = w.div`
+`, Un = C.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -125,13 +125,13 @@ const dr = {
       $e,
       {
         element: o,
-        valueData: Ue(
+        valueData: _e(
           o
         ),
         type: "decision"
       }
     ) }, t.ruleName),
-    /* @__PURE__ */ a(B, { dashed: !0 }),
+    /* @__PURE__ */ a(G, { dashed: !0 }),
     /* @__PURE__ */ a(Un, { children: /* @__PURE__ */ m(
       v,
       {
@@ -155,13 +155,13 @@ const dr = {
             $e,
             {
               element: { ...u, value: u.value },
-              valueData: Ue(
+              valueData: _e(
                 u
               )
             }
           ) }) }, u.conditionName)),
-          p.length > 0 && /* @__PURE__ */ a(B, { dashed: !0 }),
-          d && /* @__PURE__ */ a(O, { children: r && /* @__PURE__ */ a(
+          p.length > 0 && /* @__PURE__ */ a(G, { dashed: !0 }),
+          d && /* @__PURE__ */ a(z, { children: r && /* @__PURE__ */ a(
             $e,
             {
               element: r.element,
@@ -179,7 +179,7 @@ const dr = {
       /* @__PURE__ */ a(J, { animated: !0, width: "85px" })
     ] }, "loading"),
     /* @__PURE__ */ m(v, { direction: "column", gap: "12px", alignItems: "center", children: [
-      /* @__PURE__ */ a(B, { dashed: !0 }),
+      /* @__PURE__ */ a(G, { dashed: !0 }),
       /* @__PURE__ */ a(J, { animated: !0, width: "150px" })
     ] }),
     /* @__PURE__ */ a(Un, { children: /* @__PURE__ */ a(
@@ -212,34 +212,34 @@ const dr = {
       labelName: r == null ? void 0 : r.terms,
       value: String(n.effectiveFrom),
       howToSetTheDecision: ee.RANGE,
-      decisionDataType: j.DATE
+      decisionDataType: _.DATE
     },
-    valueData: Ue({
+    valueData: _e({
       labelName: r == null ? void 0 : r.terms,
       value: {
         from: String(n.effectiveFrom),
         to: String(n.validUntil)
       },
       howToSetTheDecision: ee.RANGE,
-      decisionDataType: j.DATE
+      decisionDataType: _.DATE
     })
   } : o && !i ? {
     element: {
       labelName: r == null ? void 0 : r.terms,
       value: String(n.effectiveFrom),
       howToSetTheDecision: ee.EQUAL,
-      decisionDataType: j.DATE
+      decisionDataType: _.DATE
     },
-    valueData: Ue({
+    valueData: _e({
       labelName: r == null ? void 0 : r.terms,
       value: String(n.effectiveFrom),
       howToSetTheDecision: ee.EQUAL,
-      decisionDataType: j.DATE
+      decisionDataType: _.DATE
     })
   } : null, d = n ? {
     labelName: n.labelName || "",
     decisionDataType: n.decisionDataType || "alphabetical",
-    value: Ue(n),
+    value: _e(n),
     howToSetTheDecision: n.howToSetTheDecision || "EqualTo"
   } : null, l = ((g = n == null ? void 0 : n.conditionsThatEstablishesTheDecision) == null ? void 0 : g.filter(
     (h) => !h.hidden
@@ -258,15 +258,15 @@ const dr = {
       visibleConditions: l
     }
   );
-}, ur = w.div`
+}, ur = C.div`
   position: relative;
   & > div {
     padding: 24px 16px;
   }
-`, pr = w.div`
+`, pr = C.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) || E.palette.neutral.N0;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N0) || S.palette.neutral.N0;
 }};
   max-width: 450px;
   max-height: 90vh;
@@ -301,11 +301,11 @@ const dr = {
       "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 = te("(max-width: 400px)");
-  return cn(
-    /* @__PURE__ */ a(ur, { smallScreen: s, children: /* @__PURE__ */ a(sn, { children: /* @__PURE__ */ a(pr, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
+  return un(
+    /* @__PURE__ */ a(ur, { smallScreen: s, children: /* @__PURE__ */ a(dn, { children: /* @__PURE__ */ a(pr, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
       /* @__PURE__ */ a(v, { direction: "column", gap: "24px", children: /* @__PURE__ */ m(v, { alignItems: "center", justifyContent: "space-between", children: [
         /* @__PURE__ */ a($, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
-        /* @__PURE__ */ a(ln, { size: "24px", cursor: "pointer", onClick: r })
+        /* @__PURE__ */ a(sn, { size: "24px", cursor: "pointer", onClick: r })
       ] }) }),
       n
     ] }) }) }) }),
@@ -321,12 +321,12 @@ const dr = {
     transform: translateY(0);
   }
 `;
-w.div`
+C.div`
   border-radius: 8px;
   border: 1px solid
     ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   box-sizing: border-box;
   display: flex;
@@ -335,21 +335,21 @@ w.div`
   height: 100%;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
 `;
-w.div`
+C.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
       ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   }
 `;
-const pt = w.div`
+const pt = C.div`
   & > 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.N10) || E.palette.neutral.N10;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N10) || S.palette.neutral.N10;
 }};
     justify-content: center;
   }
@@ -358,18 +358,18 @@ const pt = w.div`
   height: 100%;
   padding-bottom: 12px;
   cursor: pointer;
-`, Qe = w.div`
+`, Qe = C.div`
   width: 100%;
   height: 100%;
   & > div {
     animation: ${gr} 600ms ease-out;
   }
-`, hr = w.div`
+`, hr = C.div`
   & > div > div {
     border-radius: 8px;
     box-sizing: border-box;
   }
-`, fr = w.div`
+`, fr = C.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -440,7 +440,7 @@ const pt = w.div`
             handleView: () => r ? r() : null,
             controls: !1,
             children: /* @__PURE__ */ m(v, { direction: "column", gap: "12px", alignItems: "center", children: [
-              /* @__PURE__ */ a(M, { appearance: "gray", icon: /* @__PURE__ */ a(Ye, {}), size: "35px" }),
+              /* @__PURE__ */ a(j, { appearance: "gray", icon: /* @__PURE__ */ a(Ye, {}), size: "35px" }),
               /* @__PURE__ */ a($, { appearance: "gray", type: "body", size: "large", children: i })
             ] })
           }
@@ -488,7 +488,7 @@ const pt = w.div`
     })
   ), p = ((r == null ? void 0 : r.length) === 0 || r.length < Math.floor(window.innerWidth / 300)) && !o && n;
   return { renderedCards: l, shouldRenderAddCard: p };
-}, gl = (e) => {
+}, hl = (e) => {
   const {
     controls: n = !0,
     customTitleContentAddCard: t,
@@ -504,7 +504,7 @@ const pt = w.div`
     handleSubmitForm: g,
     handleDelete: h,
     terms: f = !0
-  } = e, x = te("(max-width: 681px)"), y = te("(max-width: 400px)"), { renderedCards: D, shouldRenderAddCard: T } = xr({
+  } = e, x = te("(max-width: 681px)"), y = te("(max-width: 400px)"), { renderedCards: w, shouldRenderAddCard: T } = xr({
     controls: n,
     customTitleContentAddCard: t,
     decisions: o,
@@ -512,9 +512,9 @@ const pt = w.div`
     handleOpenModal: u,
     handleDelete: h,
     textValues: i
-  }), S = (o == null ? void 0 : o.length) === 0 && !p;
-  return /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ a(hr, { children: /* @__PURE__ */ a(fr, { children: /* @__PURE__ */ a(v, { direction: "column", gap: "16px", padding: "6px", children: S ? /* @__PURE__ */ m(
+  }), E = (o == null ? void 0 : o.length) === 0 && !p;
+  return /* @__PURE__ */ m(z, { children: [
+    /* @__PURE__ */ a(hr, { children: /* @__PURE__ */ a(fr, { children: /* @__PURE__ */ a(v, { direction: "column", gap: "16px", padding: "6px", children: E ? /* @__PURE__ */ m(
       v,
       {
         direction: "column",
@@ -524,7 +524,7 @@ const pt = w.div`
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ a($, { as: "span", type: "label", size: "large", appearance: "gray", children: r || /* @__PURE__ */ m(O, { children: [
+          /* @__PURE__ */ a($, { as: "span", type: "label", size: "large", appearance: "gray", children: r || /* @__PURE__ */ m(z, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
             /* @__PURE__ */ m(
               $,
@@ -544,7 +544,7 @@ const pt = w.div`
             "para empezar."
           ] }) }),
           /* @__PURE__ */ a(
-            q,
+            B,
             {
               iconBefore: /* @__PURE__ */ a(Ye, {}),
               onClick: () => u ? u() : null,
@@ -566,7 +566,7 @@ const pt = w.div`
         padding: "6px",
         height: x ? "auto" : "484px",
         children: [
-          D,
+          w,
           T && wn({
             type: "add",
             index: o == null ? void 0 : o.length,
@@ -577,7 +577,7 @@ const pt = w.div`
             handleOpenModal: u,
             handleDelete: h,
             textValues: i,
-            shouldRenderEmptyMessage: S,
+            shouldRenderEmptyMessage: E,
             terms: f
           })
         ]
@@ -602,15 +602,15 @@ const pt = w.div`
       }
     )
   ] });
-}, Tr = w.div`
+}, Tr = C.div`
   position: relative;
   & > div {
     padding: 24px 16px;
   }
-`, wr = w.div`
+`, wr = C.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) || E.palette.neutral.N0;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N0) || S.palette.neutral.N0;
 }};
   max-width: 450px;
   max-height: 90vh;
@@ -645,11 +645,11 @@ const pt = w.div`
       "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 = te("(max-width: 400px)");
-  return cn(
-    /* @__PURE__ */ a(Tr, { $smallScreen: s, children: /* @__PURE__ */ a(sn, { children: /* @__PURE__ */ a(wr, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
+  return un(
+    /* @__PURE__ */ a(Tr, { $smallScreen: s, children: /* @__PURE__ */ a(dn, { children: /* @__PURE__ */ a(wr, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
       /* @__PURE__ */ a(v, { direction: "column", gap: "24px", children: /* @__PURE__ */ m(v, { alignItems: "center", justifyContent: "space-between", children: [
         /* @__PURE__ */ a($, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
-        /* @__PURE__ */ a(ln, { size: "24px", cursor: "pointer", onClick: r })
+        /* @__PURE__ */ a(sn, { size: "24px", cursor: "pointer", onClick: r })
       ] }) }),
       n
     ] }) }) }) }),
@@ -665,12 +665,12 @@ const pt = w.div`
     transform: translateY(0);
   }
 `;
-w.div`
+C.div`
   border-radius: 8px;
   border: 1px solid
     ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   box-sizing: border-box;
   display: flex;
@@ -679,21 +679,21 @@ w.div`
   height: 100%;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
 `;
-w.div`
+C.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
       ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   }
 `;
-w.div`
+C.div`
   & > 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.N10) || E.palette.neutral.N10;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N10) || S.palette.neutral.N10;
 }};
     justify-content: center;
   }
@@ -703,19 +703,19 @@ w.div`
   padding-bottom: 12px;
   cursor: pointer;
 `;
-w.div`
+C.div`
   width: 100%;
   height: 100%;
   & > div {
     animation: ${Dr} 600ms ease-out;
   }
 `;
-const Sr = w.div`
+const Sr = C.div`
   & > div > div {
     border-radius: 8px;
     box-sizing: border-box;
   }
-`, Er = w.div`
+`, Er = C.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -759,19 +759,19 @@ const Sr = w.div`
   [A.GREATER_THAN]: Rr,
   [A.LESS_THAN]: Fr,
   [A.EQUAL]: Lr
-}, _e = (e) => {
+}, He = (e) => {
   const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), r = Or[e == null ? void 0 : e.howToSetTheDecision] || kr;
   return t && r(n) || n || void 0;
-}, _n = w.div`
+}, _n = C.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
       ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   }
-`, Hn = w.div`
+`, Hn = C.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -806,13 +806,13 @@ const Sr = w.div`
       $e,
       {
         element: o,
-        valueData: _e(
+        valueData: He(
           o
         ),
         type: "decision"
       }
     ) }, t.ruleName),
-    /* @__PURE__ */ a(B, { dashed: !0 }),
+    /* @__PURE__ */ a(G, { dashed: !0 }),
     /* @__PURE__ */ a(Hn, { children: /* @__PURE__ */ m(
       v,
       {
@@ -836,13 +836,13 @@ const Sr = w.div`
             $e,
             {
               element: { ...u, value: u.value },
-              valueData: _e(
+              valueData: He(
                 u
               )
             }
           ) }) }, u.conditionName)),
-          p.length > 0 && /* @__PURE__ */ a(B, { dashed: !0 }),
-          d && /* @__PURE__ */ a(O, { children: r && /* @__PURE__ */ a(
+          p.length > 0 && /* @__PURE__ */ a(G, { dashed: !0 }),
+          d && /* @__PURE__ */ a(z, { children: r && /* @__PURE__ */ a(
             $e,
             {
               element: r.element,
@@ -860,7 +860,7 @@ const Sr = w.div`
       /* @__PURE__ */ a(J, { animated: !0, width: "85px" })
     ] }, "loading"),
     /* @__PURE__ */ m(v, { direction: "column", gap: "12px", alignItems: "center", children: [
-      /* @__PURE__ */ a(B, { dashed: !0 }),
+      /* @__PURE__ */ a(G, { dashed: !0 }),
       /* @__PURE__ */ a(J, { animated: !0, width: "150px" })
     ] }),
     /* @__PURE__ */ a(Hn, { children: /* @__PURE__ */ a(
@@ -895,34 +895,34 @@ const Sr = w.div`
       labelName: r == null ? void 0 : r.terms,
       value: String(n.effectiveFrom),
       howToSetTheDecision: ee.RANGE,
-      decisionDataType: j.DATE
+      decisionDataType: _.DATE
     },
-    valueData: _e({
+    valueData: He({
       labelName: r == null ? void 0 : r.terms,
       value: {
         from: String(n.effectiveFrom),
         to: String(n.validUntil)
       },
       howToSetTheDecision: ee.RANGE,
-      decisionDataType: j.DATE
+      decisionDataType: _.DATE
     })
   } : o && !i ? {
     element: {
       labelName: r == null ? void 0 : r.terms,
       value: String(n.effectiveFrom),
       howToSetTheDecision: ee.EQUAL,
-      decisionDataType: j.DATE
+      decisionDataType: _.DATE
     },
-    valueData: _e({
+    valueData: He({
       labelName: r == null ? void 0 : r.terms,
       value: String(n.effectiveFrom),
       howToSetTheDecision: ee.EQUAL,
-      decisionDataType: j.DATE
+      decisionDataType: _.DATE
     })
   } : null, d = n ? {
     labelName: n.labelName || "",
     decisionDataType: n.decisionDataType || "alphabetical",
-    value: _e(n),
+    value: He(n),
     howToSetTheDecision: n.howToSetTheDecision || "EqualTo"
   } : null, l = zr(n).filter((g) => !(g != null && g.hidden)), p = Array.from({ length: 5 }), u = !!(!t && n && r && d), c = l.length < 2 ? "start" : "space-between";
   return /* @__PURE__ */ a(
@@ -939,12 +939,12 @@ const Sr = w.div`
       visibleConditions: l
     }
   );
-}, jr = w.div`
+}, jr = C.div`
   border-radius: 8px;
   border: 1px solid
     ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   box-sizing: border-box;
   display: flex;
@@ -955,7 +955,7 @@ const Sr = w.div`
   height: 100%;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
 `;
-w.div`
+C.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -978,15 +978,15 @@ const Ur = (e) => {
   const { children: n, controls: t = !0, handleDelete: r, id: o } = e;
   return /* @__PURE__ */ a(jr, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     n,
-    t && /* @__PURE__ */ m(O, { children: [
-      /* @__PURE__ */ a(B, {}),
+    t && /* @__PURE__ */ m(z, { children: [
+      /* @__PURE__ */ a(G, {}),
       /* @__PURE__ */ a(v, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ a(
-        M,
+        j,
         {
           cursorHover: !0,
           appearance: "danger",
           size: "24px",
-          icon: /* @__PURE__ */ a(an, {}),
+          icon: /* @__PURE__ */ a(ln, {}),
           onClick: () => {
             r(o);
           }
@@ -1037,7 +1037,7 @@ const Ur = (e) => {
             handleView: () => r ? r() : null,
             controls: !1,
             children: /* @__PURE__ */ m(v, { direction: "column", gap: "12px", alignItems: "center", children: [
-              /* @__PURE__ */ a(M, { appearance: "gray", icon: /* @__PURE__ */ a(Ye, {}), size: "35px" }),
+              /* @__PURE__ */ a(j, { appearance: "gray", icon: /* @__PURE__ */ a(Ye, {}), size: "35px" }),
               /* @__PURE__ */ a($, { appearance: "gray", type: "body", size: "large", children: i })
             ] })
           }
@@ -1053,14 +1053,14 @@ const Ur = (e) => {
   const { type: n } = e, t = qr[n];
   return t ? t(e) : null;
 }, Br = (e) => ({
-  schema: le().required("Requerido").test(
+  schema: ie().required("Requerido").test(
     "non-empty",
     "El valor no puede estar vacío",
     (n) => n != null && n.trim() !== ""
   ),
   value: e
 }), Gr = (e) => ({
-  schema: Pe().test(
+  schema: Me().test(
     "isArrayOrString",
     "Debe ser un array de strings/numbers o un solo string",
     (n) => Array.isArray(n) ? n.every(
@@ -1069,7 +1069,7 @@ const Ur = (e) => {
   ),
   value: e
 }), Yr = (e) => ({
-  schema: Pe().test(
+  schema: Me().test(
     "isArrayOrString",
     "Debe ser un array de strings/numbers o un solo string ",
     (n) => Array.isArray(n) ? n.every(
@@ -1081,8 +1081,8 @@ const Ur = (e) => {
   const n = (e == null ? void 0 : e.from) ?? 0, t = (e == null ? void 0 : e.to) ?? 0;
   return {
     schema: ne({
-      from: se().required("El campo 'Rango desde' es requerido").max(t, "'Rango desde' no puede ser mayor que 'Rango hasta'").min(0, "'Rango desde' no puede ser menor que 0"),
-      to: se().min(0, "El campo 'Rango hasta' debe ser mayor o igual a 0").required("El campo 'Rango hasta' es requerido").test(
+      from: le().required("El campo 'Rango desde' es requerido").max(t, "'Rango desde' no puede ser mayor que 'Rango hasta'").min(0, "'Rango desde' no puede ser menor que 0"),
+      to: le().min(0, "El campo 'Rango hasta' debe ser mayor o igual a 0").required("El campo 'Rango hasta' es requerido").test(
         "is-greater",
         "El campo 'Rango hasta' debe ser mayor que 'Rango desde'",
         function(r) {
@@ -1093,22 +1093,22 @@ const Ur = (e) => {
     }),
     value: { from: n, to: t }
   };
-}, fn = (e, n) => n === j.PERCENTAGE ? {
-  schema: se().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"),
+}, mn = (e, n) => n === _.PERCENTAGE ? {
+  schema: le().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"),
+  schema: ie().required("Requerido"),
   value: e
 }, Xr = {
   [A.LIST_OF_VALUES]: Gr,
   [A.LIST_OF_VALUES_MULTI]: Yr,
   [A.RANGE]: Wr,
-  [A.GREATER_THAN]: fn,
-  [A.LESS_THAN]: fn,
-  [A.EQUAL]: fn
+  [A.GREATER_THAN]: mn,
+  [A.LESS_THAN]: mn,
+  [A.EQUAL]: mn
 }, Qr = (e) => Xr[e] || Br;
 var Ln = /* @__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))(Ln || {});
-const nn = (e) => e != null && (typeof e != "string" || e.trim() !== "") && (!Array.isArray(e) || e.length > 0), Zr = (e, n) => {
+const nn = (e) => e != null && (typeof e != "string" || e.trim() !== "") && (!Array.isArray(e) || e.length > 0), Kr = (e, n) => {
   var d;
   const t = Object.entries((e == null ? void 0 : e.conditionsThatEstablishesTheDecision) ?? {}).filter(([, l]) => nn(l)).map(([l, p]) => ({ conditionName: l, value: p }));
   let r = [];
@@ -1127,7 +1127,7 @@ const nn = (e) => e != null && (typeof e != "string" || e.trim() !== "") && (!Ar
     };
   });
 };
-function Kr({
+function Zr({
   decision: e,
   onSubmitEvent: n,
   textValues: t
@@ -1135,7 +1135,7 @@ function Kr({
   var c, g;
   const r = ((c = e.conditionGroups[0]) == null ? void 0 : c.conditionsThatEstablishesTheDecision) ?? [], o = r.reduce((h, f) => (nn(f.value) && (h[f.conditionName] = f.value), h), {}), i = Object.keys(o).length > 0, s = {
     ruleName: e.ruleName || "",
-    decisionDataType: e.decisionDataType || j.ALPHABETICAL,
+    decisionDataType: e.decisionDataType || _.ALPHABETICAL,
     howToSetTheDecision: e.howToSetTheDecision || "",
     value: e.value ?? "",
     effectiveFrom: e.effectiveFrom || "",
@@ -1151,8 +1151,8 @@ function Kr({
   };
   let d;
   const l = {
-    ruleName: le().required("El nombre de la regla es requerido"),
-    value: qe(() => Qr(
+    ruleName: ie().required("El nombre de la regla es requerido"),
+    value: Be(() => Qr(
       d.values.howToSetTheDecision
     )(
       d.values.value,
@@ -1165,9 +1165,9 @@ function Kr({
     (h, f, { parent: x }) => (x == null ? void 0 : x.checkClosed) ? f.required("La fecha de finalización es requerida").test(
       "is-after-startDate",
       "La fecha de finalización debe ser mayor o igual a la fecha de inicio",
-      function(D) {
+      function(w) {
         const T = this.parent.effectiveFrom;
-        return !T || !D ? !0 : new Date(D) >= new Date(T);
+        return !T || !w ? !0 : new Date(w) >= new Date(T);
       }
     ) : f.notRequired()
   ));
@@ -1177,8 +1177,8 @@ function Kr({
     validationSchema: p,
     validateOnBlur: !0,
     onSubmit: (h) => {
-      var D;
-      const f = ((D = e.conditionGroups) == null ? void 0 : D.ConditionGroupId) ?? "group-primary", x = h.toggleNone ? [] : Zr(h, r), y = {
+      var w;
+      const f = ((w = e.conditionGroups) == null ? void 0 : w.ConditionGroupId) ?? "group-primary", x = h.toggleNone ? [] : Kr(h, r), y = {
         ...e,
         ruleName: h.ruleName,
         decisionDataType: h.decisionDataType,
@@ -1210,16 +1210,16 @@ function Kr({
     });
   } };
 }
-const Jr = w.div`
+const Jr = C.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
       ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   }
-`, eo = w.div`
+`, eo = C.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -1245,10 +1245,10 @@ const Jr = w.div`
     labelToggle: i,
     name: s,
     valueToggle: d = ""
-  } = e, [l, p] = z(n);
-  return /* @__PURE__ */ m(O, { children: [
+  } = e, [l, p] = U(n);
+  return /* @__PURE__ */ m(z, { children: [
     /* @__PURE__ */ a(v, { children: /* @__PURE__ */ a(
-      dn,
+      cn,
       {
         checked: l,
         id: o,
@@ -1261,7 +1261,7 @@ const Jr = w.div`
         children: /* @__PURE__ */ a($, { size: "medium", type: "label", weight: "bold", as: "span", children: i })
       }
     ) }),
-    l && /* @__PURE__ */ a(O, { children: t })
+    l && /* @__PURE__ */ a(z, { children: t })
   ] });
 }, to = (e) => {
   const {
@@ -1278,14 +1278,14 @@ const Jr = w.div`
     messageEnd: c = "",
     statusStart: g = "pending",
     statusEnd: h = "pending"
-  } = e, [f, x] = z(s), [y, D] = z(l), [T, S] = z(p), N = ({ target: k }) => {
+  } = e, [f, x] = U(s), [y, w] = U(l), [T, E] = U(p), N = ({ target: k }) => {
     x(k.checked), r && r(k.checked);
-  }, C = (k) => {
-    D(k.target.value), n(k);
+  }, D = (k) => {
+    w(k.target.value), n(k);
   }, I = (k) => {
-    S(k.target.value), t(k);
+    E(k.target.value), t(k);
   }, F = te("(max-width: 400px)");
-  return /* @__PURE__ */ m(O, { children: [
+  return /* @__PURE__ */ m(z, { children: [
     /* @__PURE__ */ m(v, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ a(
         $,
@@ -1329,7 +1329,7 @@ const Jr = w.div`
             {
               id: "dateStart",
               label: o,
-              onChange: C,
+              onChange: D,
               value: y,
               required: d,
               size: "compact",
@@ -1368,12 +1368,12 @@ const Jr = w.div`
     termEndStatus: u
   } = e;
   return /* @__PURE__ */ a("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
-    tn({
+    rn({
       condition: i,
       formik: n,
       isDecision: !0
     }),
-    /* @__PURE__ */ a(B, { dashed: !0 }),
+    /* @__PURE__ */ a(G, { dashed: !0 }),
     /* @__PURE__ */ a(Jr, { children: /* @__PURE__ */ a(eo, { children: /* @__PURE__ */ m(
       v,
       {
@@ -1391,7 +1391,7 @@ const Jr = w.div`
               children: [
                 /* @__PURE__ */ a($, { type: "title", size: "small", weight: "bold", appearance: "gray", children: t.factsThatConditionIt }),
                 /* @__PURE__ */ a(
-                  dn,
+                  cn,
                   {
                     id: "toggleNone",
                     onChange: () => s(!n.values.toggleNone),
@@ -1416,7 +1416,7 @@ const Jr = w.div`
                   c.conditionName,
                   c.howToSetTheCondition === Ln.LIST_OF_VALUES_MULTI
                 )(h.target.checked),
-                children: tn({ condition: c, formik: n })
+                children: rn({ condition: c, formik: n })
               },
               c.conditionName
             );
@@ -1424,8 +1424,8 @@ const Jr = w.div`
         ]
       }
     ) }) }),
-    t.terms && /* @__PURE__ */ m(O, { children: [
-      /* @__PURE__ */ a(B, { dashed: !0 }),
+    t.terms && /* @__PURE__ */ m(z, { children: [
+      /* @__PURE__ */ a(G, { dashed: !0 }),
       /* @__PURE__ */ a(
         to,
         {
@@ -1446,16 +1446,16 @@ const Jr = w.div`
         }
       )
     ] }),
-    /* @__PURE__ */ a(B, {}),
+    /* @__PURE__ */ a(G, {}),
     l && /* @__PURE__ */ a($, { type: "label", size: "medium", appearance: "danger", children: typeof n.errors.conditionsThatEstablishesTheDecision == "string" ? n.errors.conditionsThatEstablishesTheDecision : "Existen errores en el formulario, por favor revísalos." }),
     /* @__PURE__ */ m(v, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ a(q, { appearance: "gray", onClick: r, children: t.cancel }),
-      /* @__PURE__ */ a(q, { type: "submit", children: t.confirm })
+      /* @__PURE__ */ a(B, { appearance: "gray", onClick: r, children: t.cancel }),
+      /* @__PURE__ */ a(B, { type: "submit", children: t.confirm })
     ] })
   ] }) });
 }, oo = (e) => {
   var h, f;
-  const { decision: n, onSubmitEvent: t, textValues: r, onCancel: o } = e, { formik: i, handleToggleNoneChange: s } = Kr({
+  const { decision: n, onSubmitEvent: t, textValues: r, onCancel: o } = e, { formik: i, handleToggleNoneChange: s } = Zr({
     decision: n,
     onSubmitEvent: t,
     textValues: r
@@ -1478,8 +1478,8 @@ const Jr = w.div`
       visibleConditions: l,
       normalizedDecision: d,
       handleToggleNoneChange: s,
-      handleConditionToggleChange: (x, y) => (D) => {
-        if (!D)
+      handleConditionToggleChange: (x, y) => (w) => {
+        if (!w)
           i.setFieldValue(
             `conditionsThatEstablishesTheDecision.${x}`,
             void 0
@@ -1487,7 +1487,7 @@ const Jr = w.div`
             `conditionsThatEstablishesTheDecision.${x}`,
             !1,
             !1
-          ), Object.keys(i.touched).filter((S) => S.startsWith("conditionsThatEstablishesTheDecision.")).some((S) => i.touched[S] === !0) || s(!0);
+          ), Object.keys(i.touched).filter((E) => E.startsWith("conditionsThatEstablishesTheDecision.")).some((E) => i.touched[E] === !0) || s(!0);
         else {
           const T = y ? [] : "";
           s(!1), i.setFieldValue(
@@ -1534,7 +1534,7 @@ const Jr = w.div`
     })
   ), p = ((r == null ? void 0 : r.length) === 0 || r.length < Math.floor(window.innerWidth / 300)) && !o && n;
   return { renderedCards: l, shouldRenderAddCard: p };
-}, hl = (e) => {
+}, fl = (e) => {
   const {
     controls: n = !0,
     customTitleContentAddCard: t,
@@ -1550,7 +1550,7 @@ const Jr = w.div`
     handleSubmitForm: g,
     handleDelete: h,
     terms: f = !0
-  } = e, x = te("(max-width: 681px)"), y = te("(max-width: 400px)"), { renderedCards: D, shouldRenderAddCard: T } = ao({
+  } = e, x = te("(max-width: 681px)"), y = te("(max-width: 400px)"), { renderedCards: w, shouldRenderAddCard: T } = ao({
     controls: n,
     customTitleContentAddCard: t,
     decisions: o,
@@ -1558,9 +1558,9 @@ const Jr = w.div`
     handleOpenModal: u,
     handleDelete: h,
     textValues: i
-  }), S = (o == null ? void 0 : o.length) === 0 && !p;
-  return /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ a(Sr, { children: /* @__PURE__ */ a(Er, { children: /* @__PURE__ */ a(v, { direction: "column", gap: "16px", padding: "6px", children: S ? /* @__PURE__ */ m(
+  }), E = (o == null ? void 0 : o.length) === 0 && !p;
+  return /* @__PURE__ */ m(z, { children: [
+    /* @__PURE__ */ a(Sr, { children: /* @__PURE__ */ a(Er, { children: /* @__PURE__ */ a(v, { direction: "column", gap: "16px", padding: "6px", children: E ? /* @__PURE__ */ m(
       v,
       {
         direction: "column",
@@ -1570,7 +1570,7 @@ const Jr = w.div`
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ a($, { as: "span", type: "label", size: "large", appearance: "gray", children: r || /* @__PURE__ */ m(O, { children: [
+          /* @__PURE__ */ a($, { as: "span", type: "label", size: "large", appearance: "gray", children: r || /* @__PURE__ */ m(z, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
             /* @__PURE__ */ m(
               $,
@@ -1590,7 +1590,7 @@ const Jr = w.div`
             "para empezar."
           ] }) }),
           /* @__PURE__ */ a(
-            q,
+            B,
             {
               iconBefore: /* @__PURE__ */ a(Ye, {}),
               onClick: () => u ? u() : null,
@@ -1612,7 +1612,7 @@ const Jr = w.div`
         padding: "6px",
         height: x ? "auto" : "484px",
         children: [
-          D,
+          w,
           T && Cn({
             type: "add",
             index: o == null ? void 0 : o.length,
@@ -1623,7 +1623,7 @@ const Jr = w.div`
             handleOpenModal: u,
             handleDelete: h,
             textValues: i,
-            shouldRenderEmptyMessage: S,
+            shouldRenderEmptyMessage: E,
             terms: f
           })
         ]
@@ -1661,7 +1661,7 @@ const Jr = w.div`
   [A.GREATER_THAN]: uo,
   [A.LESS_THAN]: po,
   [A.EQUAL]: go
-}, He = (e) => {
+}, qe = (e) => {
   const n = e == null ? void 0 : e.value;
   if (typeof n == "string" && n.includes(" a ")) {
     const t = [
@@ -1679,7 +1679,7 @@ const Jr = w.div`
     return n;
   }
   return typeof n == "object" && n !== null && !Array.isArray(n) ? (ho[e == null ? void 0 : e.howToSetTheDecision] || io)(n) : n || void 0;
-}, fo = w.div`
+}, fo = C.div`
   display: flex;
   justify-content: ${({ $justifyContent: e }) => e};
   align-items: ${({ $alignItems: e }) => e};
@@ -1693,11 +1693,11 @@ const Jr = w.div`
   padding: ${({ $padding: e }) => e};
   background: ${({ $background: e, theme: n }) => {
   var t, r, o, i;
-  return e ? `${((r = (t = n == null ? void 0 : n.palette) == null ? void 0 : t.neutral) == null ? void 0 : r.N10) || E.palette.neutral.N10}` : `${((i = (o = n == null ? void 0 : n.palette) == null ? void 0 : o.neutral) == null ? void 0 : i.N0) || E.palette.neutral.N0}`;
+  return e ? `${((r = (t = n == null ? void 0 : n.palette) == null ? void 0 : t.neutral) == null ? void 0 : r.N10) || S.palette.neutral.N10}` : `${((i = (o = n == null ? void 0 : n.palette) == null ? void 0 : o.neutral) == null ? void 0 : i.N0) || S.palette.neutral.N0}`;
 }};
   border: ${({ $border: e, theme: n }) => {
   var t, r;
-  return e ? `1px solid ${((r = (t = n == null ? void 0 : n.palette) == null ? void 0 : t.neutral) == null ? void 0 : r.N40) || E.palette.neutral.N40}` : "none";
+  return e ? `1px solid ${((r = (t = n == null ? void 0 : n.palette) == null ? void 0 : t.neutral) == null ? void 0 : r.N40) || S.palette.neutral.N40}` : "none";
 }};
   border-radius: ${({ $borderRadius: e }) => e};
   box-sizing: ${({ $boxSizing: e }) => e};
@@ -1720,7 +1720,7 @@ const Jr = w.div`
       margin: f = "0px",
       padding: x = "0px",
       boxSizing: y,
-      scroll: D = !1
+      scroll: w = !1
     } = e;
     return /* @__PURE__ */ a(
       fo,
@@ -1740,24 +1740,24 @@ const Jr = w.div`
         $padding: x,
         $borderRadius: g,
         $boxSizing: y,
-        $scroll: D,
+        $scroll: w,
         children: t
       }
     );
   }
 );
 oe.displayName = "BorderStack";
-w.div`
+C.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
       ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   }
 `;
-w.div`
+C.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -1776,13 +1776,13 @@ w.div`
     border-radius: 8px;
   }
 `;
-const mo = w.div`
+const mo = C.div`
   cursor: pointer;
-`, bo = w.div`
+`, bo = C.div`
   & > div > div > div > p {
     text-wrap-mode: nowrap;
   }
-`, vo = w.div`
+`, vo = C.div`
   & > div {
     justify-content: auto;
     gap: 8px;
@@ -1805,9 +1805,9 @@ const mo = w.div`
     onEdit: f,
     onDelete: x,
     tabs: y,
-    selectedTab: D,
+    selectedTab: w,
     onTabChange: T,
-    currentConditions: S,
+    currentConditions: E,
     hasMultipleGroups: N
   } = e;
   return i ? /* @__PURE__ */ m(v, { direction: "column", gap: "16px", children: [
@@ -1819,7 +1819,7 @@ const mo = w.div`
         children: [
           /* @__PURE__ */ m(v, { gap: "12px", children: [
             /* @__PURE__ */ a(bo, { children: /* @__PURE__ */ a(
-              De,
+              Ee,
               {
                 id: "tag",
                 appearance: "gray",
@@ -1828,10 +1828,10 @@ const mo = w.div`
               }
             ) }),
             /* @__PURE__ */ a(vo, { children: /* @__PURE__ */ a(
-              Ke,
+              Ze,
               {
                 element: o,
-                valueData: He(
+                valueData: qe(
                   o
                 ),
                 type: "decision"
@@ -1839,34 +1839,34 @@ const mo = w.div`
             ) })
           ] }),
           /* @__PURE__ */ m(v, { gap: "12px", children: [
-            n && /* @__PURE__ */ m(O, { children: [
+            n && /* @__PURE__ */ m(z, { children: [
               /* @__PURE__ */ a(
-                M,
+                j,
                 {
                   appearance: "primary",
                   icon: /* @__PURE__ */ a(Ft, {}),
                   size: "24px",
                   cursorHover: !0,
-                  onClick: (C) => {
-                    C.stopPropagation(), f == null || f();
+                  onClick: (D) => {
+                    D.stopPropagation(), f == null || f();
                   }
                 }
               ),
               /* @__PURE__ */ a(
-                M,
+                j,
                 {
                   appearance: "danger",
-                  icon: /* @__PURE__ */ a(an, {}),
+                  icon: /* @__PURE__ */ a(ln, {}),
                   size: "24px",
                   cursorHover: !0,
-                  onClick: (C) => {
-                    C.stopPropagation(), x == null || x();
+                  onClick: (D) => {
+                    D.stopPropagation(), x == null || x();
                   }
                 }
               )
             ] }),
             /* @__PURE__ */ a(
-              M,
+              j,
               {
                 appearance: "dark",
                 icon: l ? /* @__PURE__ */ a(Lt, {}) : /* @__PURE__ */ a(Tn, {}),
@@ -1879,9 +1879,9 @@ const mo = w.div`
       },
       r.ruleName
     ) }),
-    l && /* @__PURE__ */ m(O, { children: [
-      /* @__PURE__ */ a(B, { dashed: !0 }),
-      N ? /* @__PURE__ */ a(st, { tabs: y, selectedTab: D, onChange: T }) : /* @__PURE__ */ a(
+    l && /* @__PURE__ */ m(z, { children: [
+      /* @__PURE__ */ a(G, { dashed: !0 }),
+      N ? /* @__PURE__ */ a(st, { tabs: y, selectedTab: w, onChange: T }) : /* @__PURE__ */ a(
         $,
         {
           type: "label",
@@ -1900,7 +1900,7 @@ const mo = w.div`
           gap: "8px",
           justifyContent: t,
           children: [
-            S.map((C) => /* @__PURE__ */ a(
+            E.map((D) => /* @__PURE__ */ a(
               oe,
               {
                 direction: "column",
@@ -1908,16 +1908,16 @@ const mo = w.div`
                 borderRadius: "8px",
                 background: !0,
                 children: /* @__PURE__ */ a(
-                  Ke,
+                  Ze,
                   {
-                    element: { ...C, value: C.value },
-                    valueData: He(
-                      C
+                    element: { ...D, value: D.value },
+                    valueData: qe(
+                      D
                     )
                   }
                 )
               },
-              C.conditionName
+              D.conditionName
             )),
             u && g && /* @__PURE__ */ a(
               oe,
@@ -1927,7 +1927,7 @@ const mo = w.div`
                 borderRadius: "8px",
                 background: !0,
                 children: /* @__PURE__ */ a(
-                  Ke,
+                  Ze,
                   {
                     element: g.element,
                     valueData: g.valueData
@@ -1944,7 +1944,7 @@ const mo = w.div`
                 borderRadius: "8px",
                 background: !0,
                 children: /* @__PURE__ */ a(
-                  Ke,
+                  Ze,
                   {
                     element: h.element,
                     valueData: h.valueData
@@ -1967,19 +1967,19 @@ const mo = w.div`
       /* @__PURE__ */ a(Bt, { animated: !0 })
     ] })
   ] });
-}, qn = (e) => !!e && typeof e == "object" && !Array.isArray(e) && Object.values(e).every(Array.isArray), mn = (e) => {
+}, qn = (e) => !!e && typeof e == "object" && !Array.isArray(e) && Object.values(e).every(Array.isArray), tn = (e) => {
   const n = /* @__PURE__ */ new Set(), t = [];
   for (const r of e) {
     const o = String((r == null ? void 0 : r.conditionName) ?? "");
     n.has(o) || (n.add(o), t.push(r));
   }
   return t;
-}, Be = (e) => {
+}, Oe = (e) => {
   if (!e) return {};
   if (Array.isArray(e.conditionGroups)) {
     const n = e.conditionGroups.map((t) => [
       t.ConditionGroupId,
-      mn(
+      tn(
         Array.isArray(t.conditionsThatEstablishesTheDecision) ? t.conditionsThatEstablishesTheDecision : []
       )
     ]);
@@ -1988,16 +1988,16 @@ const mo = w.div`
   if (qn(e.conditionsThatEstablishesTheDecision)) {
     const n = e.conditionsThatEstablishesTheDecision;
     return Object.fromEntries(
-      Object.entries(n).map(([t, r]) => [t, mn(r)])
+      Object.entries(n).map(([t, r]) => [t, tn(r)])
     );
   }
   return qn(e) ? Object.fromEntries(
-    Object.entries(e).map(([n, t]) => [n, mn(t)])
+    Object.entries(e).map(([n, t]) => [n, tn(t)])
   ) : {};
 }, ht = (e, n) => Object.fromEntries(
   Object.entries(e).map(([t, r]) => [t, r.filter(n)])
 ), Bn = (e, n) => e === "group-primary" ? "Condición principal" : `Condición alterna N° ${String(n).padStart(2, "0")}`, ft = (e) => {
-  var be;
+  var he, fe, me;
   const {
     decision: n,
     loading: t = !1,
@@ -2013,58 +2013,68 @@ const mo = w.div`
       labelName: r == null ? void 0 : r.effectiveFrom,
       value: String(n.effectiveFrom),
       howToSetTheDecision: ee.EQUAL,
-      decisionDataType: j.DATE
+      decisionDataType: _.DATE
     },
-    valueData: He({
+    valueData: qe({
       labelName: r == null ? void 0 : r.effectiveFrom,
       value: String(n.effectiveFrom),
       howToSetTheDecision: ee.EQUAL,
-      decisionDataType: j.DATE
+      decisionDataType: _.DATE
     })
   } : null, h = c ? {
     element: {
       labelName: r == null ? void 0 : r.validUntil,
       value: n.validUntil instanceof Date ? n.validUntil.toISOString() : n.validUntil,
       howToSetTheDecision: ee.EQUAL,
-      decisionDataType: j.DATE
+      decisionDataType: _.DATE
     },
-    valueData: He({
+    valueData: qe({
       labelName: r == null ? void 0 : r.validUntil,
       value: n.validUntil instanceof Date ? n.validUntil.toISOString() : n.validUntil,
       howToSetTheDecision: ee.EQUAL,
-      decisionDataType: j.DATE
+      decisionDataType: _.DATE
     })
   } : null, f = n ? {
     labelName: n.labelName || "",
-    decisionDataType: n.decisionDataType || j.ALPHABETICAL,
-    value: He(n),
+    decisionDataType: n.decisionDataType || _.ALPHABETICAL,
+    value: qe(n),
     howToSetTheDecision: n.howToSetTheDecision || ee.EQUAL
-  } : null, x = n ? Be(n) : {}, y = ht(x, (P) => !P.hidden), D = Object.keys(y), T = [
-    ...D.filter((P) => P === "group-primary"),
-    ...D.filter((P) => P !== "group-primary")
-  ], S = {};
-  let N = 1;
-  const C = T.map((P) => {
-    const de = P === "group-primary" ? "mainCondition" : `alternateCondition-${N++}`;
-    return S[de] = P, {
-      id: de,
-      label: P === "group-primary" ? Bn(P, 0) : Bn(P, Number(de.split("-").at(-1))),
+  } : null, x = n ? Oe(n) : {}, y = ((fe = (he = n == null ? void 0 : n.conditionGroups) == null ? void 0 : he.map(
+    (L) => L == null ? void 0 : L.ConditionGroupId
+  )) == null ? void 0 : fe.filter(Boolean)) || Object.keys(x), w = y[0] || "group-primary", T = V.useMemo(() => {
+    const L = {}, O = x[w] || [], M = x["group-primary"] || [];
+    L["group-primary"] = w === "group-primary" ? M : [...O, ...M];
+    for (const P of y)
+      !P || P === w || P !== "group-primary" && x[P] && (L[P] = x[P]);
+    for (const P of Object.keys(x))
+      P === "group-primary" || P === w || P in L || (L[P] = x[P]);
+    return L;
+  }, [x, w, y]), E = ht(T, (L) => !L.hidden), N = V.useMemo(() => {
+    const L = ["group-primary", ...Object.keys(T).filter((O) => O !== "group-primary")];
+    return Array.from(new Set(L));
+  }, [T]), D = {};
+  let I = 1;
+  const F = N.map((L) => {
+    const O = L === "group-primary" ? "mainCondition" : `alternateCondition-${I++}`;
+    return D[O] = L, {
+      id: O,
+      label: L === "group-primary" ? Bn(L, 0) : Bn(L, Number(O.split("-").at(-1))),
       isDisabled: !1
     };
-  }), [I, F] = V.useState(
-    ((be = C[0]) == null ? void 0 : be.id) ?? "mainCondition"
-  ), k = (P) => F(P), _ = S[I] ?? "group-primary", ae = y[_] ?? [], he = T.length > 1, fe = Array.from({ length: 5 }), pe = !!(!t && n && r && f), ie = ae.length < 2 ? "start" : "space-between", me = `N° ${String((o ?? 0) + 1).padStart(2, "0")}`;
+  }), [k, H] = V.useState(
+    ((me = F[0]) == null ? void 0 : me.id) ?? "mainCondition"
+  ), se = (L) => H(L), ve = D[k] ?? "group-primary", pe = E[ve] ?? [], ge = N.length > 1, ae = Array.from({ length: 5 }), ye = !!(!t && n && r && f), Se = pe.length < 2 ? "start" : "space-between", de = `N° ${String((o ?? 0) + 1).padStart(2, "0")}`;
   return /* @__PURE__ */ a(
     yo,
     {
-      conditionsAlignment: ie,
+      conditionsAlignment: Se,
       controls: p,
       decision: n,
       decisionMapper: f,
-      loading: pe,
-      skeleton: fe,
+      loading: ye,
+      skeleton: ae,
       textValues: r,
-      tagLabel: me,
+      tagLabel: de,
       isOpen: i,
       onToggle: s,
       hasEffectiveFrom: u,
@@ -2073,11 +2083,11 @@ const mo = w.div`
       validUntilRenderer: h,
       onEdit: d,
       onDelete: l,
-      tabs: C,
-      selectedTab: I,
-      onTabChange: k,
-      currentConditions: ae,
-      hasMultipleGroups: he
+      tabs: F,
+      selectedTab: k,
+      onTabChange: se,
+      currentConditions: pe,
+      hasMultipleGroups: ge
     }
   );
 }, xo = An`
@@ -2090,12 +2100,12 @@ const mo = w.div`
     transform: translateY(0);
   }
 `;
-w.div`
+C.div`
   border-radius: 8px;
   border: 1px solid
     ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   box-sizing: border-box;
   display: flex;
@@ -2104,37 +2114,37 @@ w.div`
   height: 100%;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
 `;
-w.div`
+C.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
       ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   }
 `;
-const To = w.div`
+const To = C.div`
   & > div {
     box-shadow: 0px 2px 3px 0px
       ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutralAlpha) == null ? void 0 : t.N30A) || E.palette.neutralAlpha.N30A;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutralAlpha) == null ? void 0 : t.N30A) || S.palette.neutralAlpha.N30A;
 }};
     cursor: pointer;
   }
-`, wo = w.div`
+`, wo = C.div`
   width: 100%;
   height: 100%;
   & > div {
     animation: ${xo} 600ms ease-out;
   }
-`, Co = w.div`
+`, Co = C.div`
   & > div > div {
     border-radius: 8px;
     box-sizing: border-box;
   }
-`, Do = w.div`
+`, Do = C.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -2229,7 +2239,7 @@ const To = w.div`
               children: [
                 /* @__PURE__ */ a($, { appearance: "gray", type: "label", size: "large", weight: "bold", children: n || "Agregar decisión" }),
                 /* @__PURE__ */ a(
-                  M,
+                  j,
                   {
                     appearance: "gray",
                     icon: /* @__PURE__ */ a(Ye, {}),
@@ -2289,16 +2299,16 @@ const To = w.div`
     })
   ), c = ((r == null ? void 0 : r.length) === 0 || r.length < Math.floor(window.innerWidth / 300)) && !o && n;
   return { renderedCards: u, shouldRenderAddCard: c };
-}, $o = w.div`
+}, $o = C.div`
   position: relative;
   & > div {
     padding: 24px 16px;
     place-items: unset;
   }
-`, Io = w.div`
+`, Io = C.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) || E.palette.neutral.N0;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N0) || S.palette.neutral.N0;
 }};
   max-height: 90vh;
   width: 100%;
@@ -2334,8 +2344,8 @@ const To = w.div`
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
   const d = te("(max-width: 400px)");
-  return cn(
-    /* @__PURE__ */ a($o, { smallScreen: d, children: /* @__PURE__ */ a(sn, { children: /* @__PURE__ */ a(Io, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
+  return un(
+    /* @__PURE__ */ a($o, { smallScreen: d, children: /* @__PURE__ */ a(dn, { children: /* @__PURE__ */ a(Io, { children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
       /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
         /* @__PURE__ */ m(v, { alignItems: "center", justifyContent: "space-between", children: [
           /* @__PURE__ */ m(v, { direction: "column", gap: "8px", children: [
@@ -2351,23 +2361,23 @@ const To = w.div`
             ),
             /* @__PURE__ */ a($, { size: "medium", appearance: "gray", children: t })
           ] }),
-          /* @__PURE__ */ a(ln, { size: "24px", cursor: "pointer", onClick: o })
+          /* @__PURE__ */ a(sn, { size: "24px", cursor: "pointer", onClick: o })
         ] }),
-        /* @__PURE__ */ a(B, { dashed: !0 })
+        /* @__PURE__ */ a(G, { dashed: !0 })
       ] }),
       n
     ] }) }) }) }),
     s
   );
 }, Fo = (e) => ({
-  schema: le().required("Requerido").test(
+  schema: ie().required("Requerido").test(
     "non-empty",
     "El valor no puede estar vacío",
     (n) => n != null && n.trim() !== ""
   ),
   value: e
 }), Lo = (e) => ({
-  schema: Pe().test(
+  schema: Me().test(
     "isArrayOrString",
     "Por favor selecciona una opcion",
     (n) => Array.isArray(n) ? n.every(
@@ -2376,7 +2386,7 @@ const To = w.div`
   ),
   value: e
 }), Oo = (e) => ({
-  schema: Pe().test(
+  schema: Me().test(
     "isArrayOrString",
     "Por favor selecciona al menos una opcion",
     (n) => Array.isArray(n) ? n.every(
@@ -2388,8 +2398,8 @@ const To = w.div`
   const n = (e == null ? void 0 : e.from) ?? 0, t = (e == null ? void 0 : e.to) ?? 0;
   return {
     schema: ne({
-      from: se().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: se().min(0, "El rengo hasta debe ser mayor o igual a 0").required("El rango hasta es requerido").test(
+      from: le().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: le().min(0, "El rengo hasta debe ser mayor o igual a 0").required("El rango hasta es requerido").test(
         "is-greater",
         "El rengo hasta debe ser mayor a el rango desde",
         function(r) {
@@ -2403,25 +2413,25 @@ const To = w.div`
 }, bn = (e, n) => {
   if (typeof e == "object" && e !== null && "from" in e && "to" in e) {
     const t = e;
-    return n === j.PERCENTAGE ? {
+    return n === _.PERCENTAGE ? {
       schema: ne({
-        from: se().required("El campo desde es requerido").min(0, "El porcentaje no puede ser menor a 0").max(100, "El porcentaje no puede ser mayor a 100"),
-        to: se().required("El campo hasta es requerido").min(0, "El porcentaje no puede ser menor a 0").max(100, "El porcentaje no puede ser mayor a 100")
+        from: le().required("El campo desde es requerido").min(0, "El porcentaje no puede ser menor a 0").max(100, "El porcentaje no puede ser mayor a 100"),
+        to: le().required("El campo hasta es requerido").min(0, "El porcentaje no puede ser menor a 0").max(100, "El porcentaje no puede ser mayor a 100")
       }),
       value: t
     } : {
       schema: ne({
-        from: le().required("Requerido"),
-        to: le().required("Requerido")
+        from: ie().required("Requerido"),
+        to: ie().required("Requerido")
       }),
       value: t
     };
   }
-  return n === j.PERCENTAGE ? {
-    schema: se().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"),
+  return n === _.PERCENTAGE ? {
+    schema: le().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("Requerido"),
+    schema: ie().required("Requerido"),
     value: e
   };
 }, Mo = {
@@ -2432,44 +2442,43 @@ const To = w.div`
   [A.LESS_THAN]: bn,
   [A.EQUAL]: bn
 }, Gn = (e) => Mo[e] || Fo;
-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 || {});
+var be = /* @__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))(be || {});
 function zo({
   decision: e,
   onSubmitEvent: n,
   textValues: t
 }) {
-  const r = Be(e) || {}, o = () => Object.values(r).flat(), i = {
+  const r = Oe(e) || {}, o = () => Object.values(r).flat(), i = {
     ruleName: e.ruleName || "",
-    decisionDataType: e.decisionDataType || j.ALPHABETICAL,
+    decisionDataType: e.decisionDataType || _.ALPHABETICAL,
     howToSetTheDecision: e.howToSetTheDecision || "",
     value: e.value || "",
     effectiveFrom: e.effectiveFrom || "",
     validUntil: e.validUntil || "",
     toggleNone: !0,
-    // form stores condition values in a flat dictionary by conditionName
     conditionsThatEstablishesTheDecision: {},
     checkClosed: !1,
     terms: !0
   };
   let s;
   const d = {
-    ruleName: le().required("El nombre de la decision es requerido"),
-    value: qe(() => Gn(
+    ruleName: ie().required("El nombre de la decision es requerido"),
+    value: Be(() => Gn(
       s.values.howToSetTheDecision
     )(
       s.values.value,
       s.values.decisionDataType
     ).schema),
-    conditionsThatEstablishesTheDecision: qe((u, { parent: c }) => {
+    conditionsThatEstablishesTheDecision: Be((u, { parent: c }) => {
       if ((c == null ? void 0 : c.toggleNone) && Object.keys(c.conditionsThatEstablishesTheDecision || {}).length > 0) return ne().shape({});
       const f = o().reduce(
         (x, y) => {
           var T;
           if (((T = s.values.conditionsThatEstablishesTheDecision) == null ? void 0 : T[y.conditionName]) !== void 0) {
-            const S = Gn(
+            const E = Gn(
               y.howToSetTheCondition
             );
-            x[y.conditionName] = S(
+            x[y.conditionName] = E(
               y.value,
               y.conditionDataType
             ).schema;
@@ -2508,15 +2517,15 @@ function zo({
     onSubmit: (u) => {
       const c = Object.fromEntries(
         Object.entries(r).map(([h, f]) => {
-          const y = f.filter((D) => {
-            var S;
-            const T = (S = u.conditionsThatEstablishesTheDecision) == null ? void 0 : S[D.conditionName];
+          const y = f.filter((w) => {
+            var E;
+            const T = (E = u.conditionsThatEstablishesTheDecision) == null ? void 0 : E[w.conditionName];
             return T != null && T !== "";
-          }).map((D) => {
+          }).map((w) => {
             var T;
             return {
-              ...D,
-              value: (T = u.conditionsThatEstablishesTheDecision) == null ? void 0 : T[D.conditionName]
+              ...w,
+              value: (T = u.conditionsThatEstablishesTheDecision) == null ? void 0 : T[w.conditionName]
             };
           });
           return [h, y];
@@ -2541,7 +2550,7 @@ function zo({
           void 0
         );
       else {
-        const h = g.howToSetTheCondition === ge.LIST_OF_VALUES_MULTI ? [] : "";
+        const h = g.howToSetTheCondition === be.LIST_OF_VALUES_MULTI ? [] : "";
         s.setFieldValue(
           `conditionsThatEstablishesTheDecision.${g.conditionName}`,
           h
@@ -2550,17 +2559,17 @@ function zo({
     });
   } };
 }
-w.div`
+C.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
       ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   }
 `;
-w.div`
+C.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -2578,7 +2587,7 @@ w.div`
     border-radius: 8px;
   }
 `;
-const Vo = w.div`
+const Vo = C.div`
   display: flex;
   width: -webkit-fill-available;
   & > div {
@@ -2602,12 +2611,12 @@ const Vo = w.div`
     messageEnd: c = "",
     statusStart: g = "pending",
     statusEnd: h = "pending"
-  } = e, [f, x] = z(s), [y, D] = z(l), [T, S] = z(p), N = ({ target: k }) => {
+  } = e, [f, x] = U(s), [y, w] = U(l), [T, E] = U(p), N = ({ target: k }) => {
     x(k.checked), r && r(k.checked);
-  }, C = (k) => {
-    D(k.target.value), n(k);
+  }, D = (k) => {
+    w(k.target.value), n(k);
   }, I = (k) => {
-    S(k.target.value), t(k);
+    E(k.target.value), t(k);
   }, F = te("(max-width: 400px)");
   return /* @__PURE__ */ m(v, { direction: "column", width: "100%", gap: "20px", children: [
     /* @__PURE__ */ m(v, { justifyContent: "space-between", children: [
@@ -2634,7 +2643,7 @@ const Vo = w.div`
             {
               id: "dateStart",
               label: o,
-              onChange: C,
+              onChange: D,
               value: y,
               required: d,
               size: "compact",
@@ -2679,17 +2688,17 @@ const Vo = w.div`
     portalId: f,
     showRedefineConfirm: x,
     onOpenRedefineConfirm: y,
-    onCloseRedefineConfirm: D,
+    onCloseRedefineConfirm: w,
     onConfirmRedefine: T
   } = e;
-  return /* @__PURE__ */ m(O, { children: [
+  return /* @__PURE__ */ m(z, { children: [
     /* @__PURE__ */ a("form", { onSubmit: o.handleSubmit, children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", width: "100%", children: [
-      /* @__PURE__ */ a(je, { legend: "Decisión N° 01", spacing: "wide", children: /* @__PURE__ */ a(v, { justifyContent: "center", width: "-webkit-fill-available", children: Vn({
+      /* @__PURE__ */ a(Ue, { legend: "Decisión N° 01", spacing: "wide", children: /* @__PURE__ */ a(v, { justifyContent: "center", width: "-webkit-fill-available", children: Vn({
         condition: i,
         formik: o,
         isDecision: !0
       }) }) }),
-      /* @__PURE__ */ a(je, { legend: "Condiciones a evaluar", spacing: "wide", children: /* @__PURE__ */ m(v, { direction: "column", gap: "20px", width: "100%", children: [
+      /* @__PURE__ */ a(Ue, { legend: "Condiciones a evaluar", spacing: "wide", children: /* @__PURE__ */ m(v, { direction: "column", gap: "20px", width: "100%", children: [
         /* @__PURE__ */ a(
           st,
           {
@@ -2700,7 +2709,7 @@ const Vo = w.div`
         ),
         /* @__PURE__ */ m(v, { justifyContent: "flex-end", alignItems: "center", children: [
           /* @__PURE__ */ a(
-            M,
+            j,
             {
               icon: /* @__PURE__ */ a(Ot, {}),
               appearance: "help",
@@ -2709,7 +2718,7 @@ const Vo = w.div`
             }
           ),
           /* @__PURE__ */ a(
-            q,
+            B,
             {
               type: "button",
               iconBefore: /* @__PURE__ */ a(Pt, {}),
@@ -2721,7 +2730,7 @@ const Vo = w.div`
             }
           )
         ] }),
-        /* @__PURE__ */ a(v, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((S) => /* @__PURE__ */ m(
+        /* @__PURE__ */ a(v, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((E) => /* @__PURE__ */ m(
           v,
           {
             gap: "16px",
@@ -2730,26 +2739,26 @@ const Vo = w.div`
               /* @__PURE__ */ a(Vo, { children: /* @__PURE__ */ a(
                 Vn,
                 {
-                  condition: S,
+                  condition: E,
                   formik: o
                 }
               ) }),
               /* @__PURE__ */ a(
-                M,
+                j,
                 {
-                  icon: /* @__PURE__ */ a(an, {}),
+                  icon: /* @__PURE__ */ a(ln, {}),
                   appearance: "danger",
                   cursorHover: !0,
-                  onClick: () => d(S.conditionName)
+                  onClick: () => d(E.conditionName)
                 }
               )
             ]
           },
-          S.conditionName
+          E.conditionName
         )) }),
         p && /* @__PURE__ */ a($, { type: "label", size: "medium", appearance: "danger", children: t ?? "Existen errores en el formulario, por favor revísalos." })
       ] }) }),
-      /* @__PURE__ */ a(je, { legend: "Vigencia", spacing: "wide", children: h.terms && /* @__PURE__ */ a(
+      /* @__PURE__ */ a(Ue, { legend: "Vigencia", spacing: "wide", children: h.terms && /* @__PURE__ */ a(
         jo,
         {
           labelStart: h.termStart,
@@ -2760,17 +2769,17 @@ const Vo = w.div`
           messageEnd: o.errors.validUntil,
           statusStart: g,
           statusEnd: c,
-          onHandleStartChange: (S) => o.setFieldValue("effectiveFrom", S.target.value),
-          onHandleEndChange: (S) => o.setFieldValue("validUntil", S.target.value),
-          onCheckClosedChange: (S) => {
-            o.setFieldValue("checkClosed", S), S && o.setFieldValue("validUntil", "");
+          onHandleStartChange: (E) => o.setFieldValue("effectiveFrom", E.target.value),
+          onHandleEndChange: (E) => o.setFieldValue("validUntil", E.target.value),
+          onCheckClosedChange: (E) => {
+            o.setFieldValue("checkClosed", E), E && o.setFieldValue("validUntil", "");
           },
           checkedClosed: o.values.checkClosed
         }
       ) }),
       /* @__PURE__ */ m(v, { direction: "row", justifyContent: "end", gap: "16px", children: [
-        /* @__PURE__ */ a(q, { appearance: "gray", onClick: s, variant: "outlined", children: h.cancel }),
-        /* @__PURE__ */ a(q, { type: "submit", children: h.confirm })
+        /* @__PURE__ */ a(B, { appearance: "gray", onClick: s, variant: "outlined", children: h.cancel }),
+        /* @__PURE__ */ a(B, { type: "submit", children: h.confirm })
       ] })
     ] }) }),
     x && f && /* @__PURE__ */ a(
@@ -2778,22 +2787,22 @@ const Vo = w.div`
       {
         portalId: f,
         title: "Redefinir la condición",
-        onCloseModal: D,
+        onCloseModal: w,
         children: /* @__PURE__ */ m(v, { direction: "column", gap: "16px", children: [
           /* @__PURE__ */ a($, { type: "body", size: "large", appearance: "gray", children: "¿Estás seguro? Se perderá todo lo que tienes actualmente definido y deberás reescribir completamente la condición, de esta manera podrás usar las últimas variables condicionales que están definidas en la actualidad para esta decisión ." }),
           /* @__PURE__ */ m(v, { justifyContent: "end", gap: "12px", children: [
             /* @__PURE__ */ a(
-              q,
+              B,
               {
                 type: "button",
                 appearance: "gray",
                 variant: "outlined",
-                onClick: D,
+                onClick: w,
                 cursorHover: !0,
                 children: "Cancelar"
               }
             ),
-            /* @__PURE__ */ a(q, { type: "button", onClick: T, cursorHover: !0, children: "Confirmar" })
+            /* @__PURE__ */ a(B, { type: "button", onClick: T, cursorHover: !0, children: "Confirmar" })
           ] })
         ] })
       }
@@ -2851,20 +2860,20 @@ function Qo(e) {
       return "sea";
   }
 }
-const Zo = (e) => {
+const Ko = (e) => {
   if (typeof e == "string") {
     const n = e.toLowerCase();
-    if (n.includes("equal")) return ge.EQUAL;
-    if (n.includes("greater")) return ge.GREATER_THAN;
-    if (n.includes("less")) return ge.LESS_THAN;
-    if (n.includes("range") || n.includes("between")) return ge.RANGE;
-    if (n.includes("multi")) return ge.LIST_OF_VALUES_MULTI;
+    if (n.includes("equal")) return be.EQUAL;
+    if (n.includes("greater")) return be.GREATER_THAN;
+    if (n.includes("less")) return be.LESS_THAN;
+    if (n.includes("range") || n.includes("between")) return be.RANGE;
+    if (n.includes("multi")) return be.LIST_OF_VALUES_MULTI;
     if (n.includes("list_of_values") || n.includes("among") || n.includes("in"))
-      return ge.LIST_OF_VALUES;
+      return be.LIST_OF_VALUES;
   }
-  return e ?? ge.EQUAL;
-}, Yn = (e, n) => e === "group-primary" ? "Condición principal" : `Condición alterna N° ${String(n).padStart(2, "0")}`, Ko = (e) => {
-  var ze;
+  return e ?? be.EQUAL;
+}, Yn = (e, n) => e === "group-primary" ? "Condición principal" : `Condición alterna N° ${String(n).padStart(2, "0")}`, Zo = (e) => {
+  var Ve;
   const {
     decision: n,
     onSubmitEvent: t,
@@ -2877,122 +2886,122 @@ const Zo = (e) => {
     decision: n,
     onSubmitEvent: t,
     textValues: r
-  }), c = Be(d ?? n), g = Be(n), h = ht(
+  }), c = Oe(d ?? n), g = Oe(n), h = ht(
     g,
     (R) => !R.hidden
   ), f = Object.keys(h), x = [
     ...f.filter((R) => R === "group-primary"),
     ...f.filter((R) => R !== "group-primary")
   ], y = {};
-  let D = 1;
+  let w = 1;
   const T = x.map((R) => {
-    const H = R === "group-primary" ? "mainCondition" : `alternateCondition-${D++}`;
-    return y[H] = R, {
-      id: H,
-      label: R === "group-primary" ? Yn(R, 0) : Yn(R, Number(H.split("-").at(-1))),
+    const q = R === "group-primary" ? "mainCondition" : `alternateCondition-${w++}`;
+    return y[q] = R, {
+      id: q,
+      label: R === "group-primary" ? Yn(R, 0) : Yn(R, Number(q.split("-").at(-1))),
       isDisabled: !1
     };
-  }), [S, N] = V.useState(
-    ((ze = T[0]) == null ? void 0 : ze.id) ?? "mainCondition"
-  ), C = (R) => N(R), I = y[S] ?? "group-primary", F = V.useMemo(() => {
+  }), [E, N] = V.useState(
+    ((Ve = T[0]) == null ? void 0 : Ve.id) ?? "mainCondition"
+  ), D = (R) => N(R), I = y[E] ?? "group-primary", F = V.useMemo(() => {
     const R = [
-      ...Object.keys(h).filter((Z) => Z === "group-primary"),
-      ...Object.keys(h).filter((Z) => Z !== "group-primary")
+      ...Object.keys(h).filter((K) => K === "group-primary"),
+      ...Object.keys(h).filter((K) => K !== "group-primary")
     ];
-    let H = !1;
-    const Q = R.map((Z) => {
-      const At = (h[Z] ?? []).map((Ze, $t) => {
-        const Mn = !H && Z === "group-primary" && $t === 0;
-        Mn && (H = !0);
-        const It = Zo(Ze.howToSetTheCondition ?? Ze.valueUse), Rt = _o({
-          label: Ze.labelName || "",
+    let q = !1;
+    const Q = R.map((K) => {
+      const At = (h[K] ?? []).map((Ke, $t) => {
+        const Mn = !q && K === "group-primary" && $t === 0;
+        Mn && (q = !0);
+        const It = Ko(Ke.howToSetTheCondition ?? Ke.valueUse), Rt = _o({
+          label: Ke.labelName || "",
           howToSet: It,
           isFirst: Mn
         });
-        return { ...Ze, labelName: Rt };
+        return { ...Ke, labelName: Rt };
       });
-      return [Z, At];
+      return [K, At];
     });
     return Object.fromEntries(Q);
-  }, [h]), k = F[I] ?? [], _ = F["group-primary"] ?? [], ae = {
+  }, [h]), k = F[I] ?? [], H = F["group-primary"] ?? [], se = {
     decisionDataType: n.decisionDataType,
     howToSetTheCondition: n.howToSetTheDecision,
     labelName: n.labelName,
     listOfPossibleValues: n.listOfPossibleValues,
     ruleName: n.ruleName
-  }, he = l.submitCount > 0 || !!l.touched.effectiveFrom, fe = l.submitCount > 0 || !!l.touched.validUntil, pe = he ? l.errors.effectiveFrom ? "invalid" : "valid" : void 0, ie = fe ? l.errors.validUntil ? "invalid" : "valid" : void 0, me = V.useMemo(() => {
+  }, ve = l.submitCount > 0 || !!l.touched.effectiveFrom, pe = l.submitCount > 0 || !!l.touched.validUntil, ge = ve ? l.errors.effectiveFrom ? "invalid" : "valid" : void 0, ae = pe ? l.errors.validUntil ? "invalid" : "valid" : void 0, ye = V.useMemo(() => {
     const R = l.errors.conditionsThatEstablishesTheDecision;
     if (!R) return;
     if (typeof R == "string") return R;
-    const H = (Q) => {
+    const q = (Q) => {
       if (Q) {
         if (typeof Q == "string") return Q;
         if (Array.isArray(Q))
-          for (const Z of Q) {
-            const ye = H(Z);
-            if (ye) return ye;
+          for (const K of Q) {
+            const xe = q(K);
+            if (xe) return xe;
           }
         else if (typeof Q == "object")
-          for (const Z of Object.values(Q)) {
-            const ye = H(Z);
-            if (ye) return ye;
+          for (const K of Object.values(Q)) {
+            const xe = q(K);
+            if (xe) return xe;
           }
       }
     };
-    return H(R);
-  }, [l.errors.conditionsThatEstablishesTheDecision]), be = l.submitCount > 0 && !!me, P = (R) => R != null && R.isMulti || R != null && R.multiple || (R == null ? void 0 : R.valueUse) === "Among" ? [] : "", de = (R) => {
-    const Q = Object.values(c).flat().find((ye) => ye.conditionName === R), Z = P(Q);
+    return q(R);
+  }, [l.errors.conditionsThatEstablishesTheDecision]), Se = l.submitCount > 0 && !!ye, de = (R) => R != null && R.isMulti || R != null && R.multiple || (R == null ? void 0 : R.valueUse) === "Among" ? [] : "", he = (R) => {
+    const Q = Object.values(c).flat().find((xe) => xe.conditionName === R), K = de(Q);
     l.setFieldValue(
       `conditionsThatEstablishesTheDecision.${R}`,
-      Z
+      K
     ), l.setFieldTouched(
       `conditionsThatEstablishesTheDecision.${R}`,
       !1,
       !1
     );
-  }, ke = () => {
-    (c[I] ?? []).forEach((H) => {
-      const Q = `conditionsThatEstablishesTheDecision.${H.conditionName}`;
-      l.setFieldValue(Q, P(H)), l.setFieldTouched(Q, !1, !1);
+  }, fe = () => {
+    (c[I] ?? []).forEach((q) => {
+      const Q = `conditionsThatEstablishesTheDecision.${q.conditionName}`;
+      l.setFieldValue(Q, de(q)), l.setFieldTouched(Q, !1, !1);
     });
-  }, [Ae, ve] = V.useState(!1);
+  }, [me, L] = V.useState(!1);
   return /* @__PURE__ */ a(
     Uo,
     {
-      activeTab: S,
-      conditionsErrorText: me,
+      activeTab: E,
+      conditionsErrorText: ye,
       currentConditions: k,
       decision: n,
       formik: l,
-      normalizedDecision: ae,
+      normalizedDecision: se,
       onCancel: o,
-      onRedefineCurrentTab: ke,
-      onTabChange: C,
+      onRedefineCurrentTab: fe,
+      onTabChange: D,
       onClearCondition: (R) => {
-        de(R), i == null || i(R);
+        he(R), i == null || i(R);
       },
-      showConditionsError: be,
+      showConditionsError: Se,
       tabs: T,
-      termEndStatus: ie,
-      termStartStatus: pe,
+      termEndStatus: ae,
+      termStartStatus: ge,
       textValues: r,
-      visibleConditions: _,
+      visibleConditions: H,
       visibleConditionsByGroup: F,
       handleToggleNoneChange: p,
       portalId: "redefine-confirm-portal",
-      showRedefineConfirm: Ae,
-      onOpenRedefineConfirm: () => ve(!0),
-      onCloseRedefineConfirm: () => ve(!1),
+      showRedefineConfirm: me,
+      onOpenRedefineConfirm: () => L(!0),
+      onCloseRedefineConfirm: () => L(!1),
       onConfirmRedefine: () => {
-        ke();
+        fe();
         const R = (c[I] ?? []).map(
-          (H) => H.conditionName
+          (q) => q.conditionName
         );
-        s == null || s(R), ve(!1);
+        s == null || s(R), L(!1);
       }
     }
   );
-}, fl = (e) => {
+}, ml = (e) => {
   const {
     controls: n = !0,
     customTitleContentAddCard: t,
@@ -3010,8 +3019,8 @@ const Zo = (e) => {
     terms: f = !0,
     onRemoveCondition: x,
     onRestoreConditions: y,
-    baseDecisionTemplate: D
-  } = e, [T, S] = z(null), N = te("(max-width: 681px)"), { renderedCards: C, shouldRenderAddCard: I } = Ao({
+    baseDecisionTemplate: w
+  } = e, [T, E] = U(null), N = te("(max-width: 681px)"), { renderedCards: D, shouldRenderAddCard: I } = Ao({
     controls: n,
     customTitleContentAddCard: t,
     decisions: o,
@@ -3020,10 +3029,10 @@ const Zo = (e) => {
     handleDelete: h,
     textValues: i,
     isOpenFor: (k) => T === k,
-    toggleAt: (k) => S((_) => _ === k ? null : k)
+    toggleAt: (k) => E((H) => H === k ? null : k)
   }), F = (o == null ? void 0 : o.length) === 0 && !p;
-  return /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ a(Co, { children: /* @__PURE__ */ a(Do, { children: /* @__PURE__ */ a(v, { direction: "column", gap: "16px", padding: "6px", children: F ? /* @__PURE__ */ a(je, { legend: "Decisiones", children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ m(z, { children: [
+    /* @__PURE__ */ a(Co, { children: /* @__PURE__ */ a(Do, { children: /* @__PURE__ */ a(v, { direction: "column", gap: "16px", padding: "6px", children: F ? /* @__PURE__ */ a(Ue, { legend: "Decisiones", children: /* @__PURE__ */ m(
       v,
       {
         direction: "column",
@@ -3033,7 +3042,7 @@ const Zo = (e) => {
         alignItems: "center",
         children: [
           /* @__PURE__ */ a(
-            M,
+            j,
             {
               appearance: "help",
               icon: /* @__PURE__ */ a(Mt, {}),
@@ -3050,7 +3059,7 @@ const Zo = (e) => {
               children: "Sin decisiones"
             }
           ),
-          /* @__PURE__ */ a($, { as: "span", size: "medium", appearance: "gray", children: r || /* @__PURE__ */ m(O, { children: [
+          /* @__PURE__ */ a($, { as: "span", size: "medium", appearance: "gray", children: r || /* @__PURE__ */ m(z, { children: [
             "Aun no tienes decisiones definidas, para empezar haz clic en",
             t || ' "Agregar decisión"'
           ] }) })
@@ -3069,7 +3078,7 @@ const Zo = (e) => {
         padding: "6px",
         height: N ? "auto" : "484px",
         children: [
-          C,
+          D,
           I && Dn({
             type: "add",
             index: o == null ? void 0 : o.length,
@@ -3094,10 +3103,10 @@ const Zo = (e) => {
         title: l ? "Editar Decisión" : "Configurar Decisión",
         description: "Diligencia los campos para configurar tu decisión.",
         children: /* @__PURE__ */ a(
-          Ko,
+          Zo,
           {
             decision: l || s,
-            fullTemplate: D ?? s,
+            fullTemplate: w ?? s,
             onSubmitEvent: g,
             textValues: i,
             onCancel: () => c ? c() : () => {
@@ -3111,9 +3120,9 @@ const Zo = (e) => {
   ] });
 }, Jo = {
   border: {
-    color: E.palette.neutral.N40
+    color: S.palette.neutral.N40
   }
-}, ea = w.div`
+}, ea = C.div`
   border-width: 1px;
   border-style: solid;
   border-color: ${({ theme: e }) => {
@@ -3149,70 +3158,70 @@ function na(e) {
   );
 }
 const ta = (e, n) => {
-  const [t, r] = z([]), [o, i] = z([]), [s, d] = z(!1), l = Ie(null);
-  return Ee(() => {
+  const [t, r] = U([]), [o, i] = U([]), [s, d] = U(!1), l = Ie(null);
+  return ke(() => {
     if (!e.current || !l.current) return;
     const p = e.current, u = l.current, c = () => {
-      var S;
+      var E;
       const h = p.clientWidth, f = Array.from(
         u.querySelectorAll('[data-filter-tag="true"]')
       ), x = 48;
       let y = 0;
-      const D = [], T = [];
+      const w = [], T = [];
       for (let N = 0; N < n.length; N++) {
-        const C = ((S = f[N]) == null ? void 0 : S.offsetWidth) ?? 0;
-        y + C + x <= h ? (D.push(n[N]), y += C) : T.push(n[N]);
+        const D = ((E = f[N]) == null ? void 0 : E.offsetWidth) ?? 0;
+        y + D + x <= h ? (w.push(n[N]), y += D) : T.push(n[N]);
       }
-      r(D), i(T), d(T.length > 0);
+      r(w), i(T), d(T.length > 0);
     }, g = new ResizeObserver(() => {
       requestAnimationFrame(c);
     });
     return g.observe(p), () => g.disconnect();
   }, [n, e]), { visible: t, hidden: o, showOverflowIndicator: s, measurementRef: l };
 };
-w.div`
+C.div`
   & > div {
     width: 100%;
   }
 `;
-const ra = w.div`
+const ra = C.div`
   position: absolute;
   top: calc(100% + 4px);
   right: 0;
   z-index: 1000;
   width: 170px;
-`, oa = w.div`
+`, oa = C.div`
   position: absolute;
   visibility: hidden;
   pointer-events: none;
   height: 0;
   overflow: hidden;
-`, aa = w.div`
+`, aa = C.div`
   cursor: pointer;
 `, Sn = {
   border: {
     color: {
-      regular: E.palette.neutral.N40,
-      disabled: E.palette.neutral.N40,
-      focus: E.palette.blue.B300,
-      invalid: E.palette.red.R400
+      regular: S.palette.neutral.N40,
+      disabled: S.palette.neutral.N40,
+      focus: S.palette.blue.B300,
+      invalid: S.palette.red.R400
     }
   },
   background: {
     color: {
-      regular: E.palette.neutral.N0,
-      disabled: E.palette.neutral.N10
+      regular: S.palette.neutral.N0,
+      disabled: S.palette.neutral.N10
     }
   },
   content: {
     color: {
-      regular: E.palette.neutral.N900,
-      disabled: E.palette.neutral.N70
+      regular: S.palette.neutral.N900,
+      disabled: S.palette.neutral.N70
     }
   },
   placeholder: {
     color: {
-      regular: E.palette.neutral.N300
+      regular: S.palette.neutral.N300
     }
   },
   option: {
@@ -3221,11 +3230,11 @@ const ra = w.div`
       hover: "primary"
     },
     background: {
-      regular: E.palette.neutral.N0,
-      hover: E.palette.neutral.N30
+      regular: S.palette.neutral.N0,
+      hover: S.palette.neutral.N30
     }
   }
-}, ia = w.li`
+}, ia = C.li`
   display: flex;
   align-items: center;
   align-self: stretch;
@@ -3244,8 +3253,8 @@ const ra = w.div`
 }};
   }
 `, la = (e) => {
-  var g, h, f, x, y, D;
-  const { id: n, label: t, leadingIcon: r, onClose: o } = e, [i, s] = z(!1), d = () => s(!0), l = () => s(!1), p = Rn($n), u = ((f = (h = (g = p == null ? void 0 : p.input) == null ? void 0 : g.option) == null ? void 0 : h.appearance) == null ? void 0 : f.hover) ?? Sn.option.appearance.hover, c = ((D = (y = (x = p == null ? void 0 : p.input) == null ? void 0 : x.option) == null ? void 0 : y.appearance) == null ? void 0 : D.regular) ?? Sn.option.appearance.regular;
+  var g, h, f, x, y, w;
+  const { id: n, label: t, leadingIcon: r, onClose: o } = e, [i, s] = U(!1), d = () => s(!0), l = () => s(!1), p = Rn($n), u = ((f = (h = (g = p == null ? void 0 : p.input) == null ? void 0 : g.option) == null ? void 0 : h.appearance) == null ? void 0 : f.hover) ?? Sn.option.appearance.hover, c = ((w = (y = (x = p == null ? void 0 : p.input) == null ? void 0 : x.option) == null ? void 0 : y.appearance) == null ? void 0 : w.regular) ?? Sn.option.appearance.regular;
   return /* @__PURE__ */ a(
     ia,
     {
@@ -3264,7 +3273,7 @@ const ra = w.div`
           width: "100%",
           children: [
             r && /* @__PURE__ */ a(
-              M,
+              j,
               {
                 icon: r,
                 size: "medium",
@@ -3281,7 +3290,7 @@ const ra = w.div`
               }
             ),
             /* @__PURE__ */ a(
-              M,
+              j,
               {
                 icon: /* @__PURE__ */ a(zt, {}),
                 size: "small",
@@ -3297,7 +3306,7 @@ const ra = w.div`
       )
     }
   );
-}, ml = (e) => {
+}, bl = (e) => {
   const {
     appliedFilters: n = [],
     onClear: t,
@@ -3310,38 +3319,38 @@ const ra = w.div`
     hidden: c,
     showOverflowIndicator: g,
     measurementRef: h
-  } = ta(d, n), [f, x] = z(!1), y = (C) => {
-    C.stopPropagation(), x((I) => !I);
+  } = ta(d, n), [f, x] = U(!1), y = (D) => {
+    D.stopPropagation(), x((I) => !I);
   };
-  Ee(() => {
-    const C = (I) => {
-      var _, ae;
+  ke(() => {
+    const D = (I) => {
+      var H, se;
       const F = I.target;
-      !((_ = l.current) != null && _.contains(F)) && !((ae = p.current) != null && ae.contains(F)) && x(!1);
+      !((H = l.current) != null && H.contains(F)) && !((se = p.current) != null && se.contains(F)) && x(!1);
     };
-    return f && window.addEventListener("mousedown", C), () => window.removeEventListener("mousedown", C);
+    return f && window.addEventListener("mousedown", D), () => window.removeEventListener("mousedown", D);
   }, [f]);
-  const D = n.length === 0, T = f && c.length > 0, S = c.map((C) => ({
-    id: C.label,
-    value: C.label,
-    label: C.label,
-    icon: C.icon
-  })), N = (C) => {
+  const w = n.length === 0, T = f && c.length > 0, E = c.map((D) => ({
+    id: D.label,
+    value: D.label,
+    label: D.label,
+    icon: D.icon
+  })), N = (D) => {
     var I, F;
-    (F = (I = c.find((k) => k.label === C)) == null ? void 0 : I.onClose) == null || F.call(I), x(!1);
+    (F = (I = c.find((k) => k.label === D)) == null ? void 0 : I.onClose) == null || F.call(I), x(!1);
   };
   return /* @__PURE__ */ m(na, { borderRadius: "8px", width: "100%", children: [
-    /* @__PURE__ */ a(oa, { ref: h, children: n.map((C) => /* @__PURE__ */ a("div", { "data-filter-tag": "true", children: /* @__PURE__ */ a(
-      De,
+    /* @__PURE__ */ a(oa, { ref: h, children: n.map((D) => /* @__PURE__ */ a("div", { "data-filter-tag": "true", children: /* @__PURE__ */ a(
+      Ee,
       {
         appearance: "primary",
         displayIcon: !0,
         removable: !0,
-        icon: C.icon,
-        label: C.label,
-        onClose: C.onClose
+        icon: D.icon,
+        label: D.label,
+        onClose: D.onClose
       }
-    ) }, C.label)) }),
+    ) }, D.label)) }),
     /* @__PURE__ */ m(We, { gap: "12px", templateColumns: "1fr auto auto", width: "100%", children: [
       /* @__PURE__ */ a(
         oe,
@@ -3355,19 +3364,19 @@ const ra = w.div`
           alignItems: "center",
           padding: "0px 8px",
           border: !0,
-          children: D ? /* @__PURE__ */ a($, { size: "small", type: "label", appearance: "gray", children: o }) : /* @__PURE__ */ m(O, { children: [
-            u.map((C) => /* @__PURE__ */ a(
-              De,
+          children: w ? /* @__PURE__ */ a($, { size: "small", type: "label", appearance: "gray", children: o }) : /* @__PURE__ */ m(z, { children: [
+            u.map((D) => /* @__PURE__ */ a(
+              Ee,
               {
                 "data-filter-tag": "true",
                 appearance: "primary",
                 displayIcon: !0,
                 removable: !0,
-                icon: C.icon,
-                label: C.label,
-                onClose: C.onClose
+                icon: D.icon,
+                label: D.label,
+                onClose: D.onClose
               },
-              C.label
+              D.label
             )),
             g && /* @__PURE__ */ m(
               "div",
@@ -3376,7 +3385,7 @@ const ra = w.div`
                 style: { position: "relative", display: "inline-block" },
                 children: [
                   /* @__PURE__ */ a(aa, { onClick: y, children: /* @__PURE__ */ a(
-                    De,
+                    Ee,
                     {
                       appearance: "primary",
                       label: `+${c.length}`
@@ -3385,20 +3394,20 @@ const ra = w.div`
                   T && /* @__PURE__ */ a(ra, { ref: l, children: /* @__PURE__ */ a(
                     Gt,
                     {
-                      options: S,
+                      options: E,
                       onOptionClick: N,
-                      children: c.map((C) => /* @__PURE__ */ a(
+                      children: c.map((D) => /* @__PURE__ */ a(
                         la,
                         {
-                          id: C.label,
-                          label: C.label,
-                          leadingIcon: C.icon,
+                          id: D.label,
+                          label: D.label,
+                          leadingIcon: D.icon,
                           onClose: () => {
                             var I;
-                            (I = C.onClose) == null || I.call(C), x(!1);
+                            (I = D.onClose) == null || I.call(D), x(!1);
                           }
                         },
-                        C.label
+                        D.label
                       ))
                     }
                   ) })
@@ -3409,10 +3418,10 @@ const ra = w.div`
         }
       ),
       /* @__PURE__ */ a(
-        q,
+        B,
         {
           cursorHover: !0,
-          disabled: D,
+          disabled: w,
           iconBefore: /* @__PURE__ */ a(it, {}),
           onClick: t,
           variant: "outlined",
@@ -3420,7 +3429,7 @@ const ra = w.div`
         }
       ),
       /* @__PURE__ */ a(
-        q,
+        B,
         {
           cursorHover: !0,
           iconBefore: /* @__PURE__ */ a(lt, {}),
@@ -3431,12 +3440,12 @@ const ra = w.div`
       )
     ] })
   ] });
-}, sa = w.div`
+}, sa = C.div`
   display: flex;
   flex-direction: column;
   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) || E.palette.neutral.N0;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N0) || S.palette.neutral.N0;
 }};
   width: ${({ $smallScreen: e }) => e ? "auto" : "450px"};
   height: auto;
@@ -3444,7 +3453,7 @@ const ra = w.div`
   padding: 24px;
   gap: 24px;
   box-sizing: border-box;
-`, bl = (e) => {
+`, vl = (e) => {
   const {
     actionButtonLabel: n,
     cancelButtonLabel: t,
@@ -3459,30 +3468,30 @@ const ra = w.div`
     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 cn(
-    /* @__PURE__ */ a(sn, { children: /* @__PURE__ */ m(sa, { $smallScreen: p, children: [
+  return un(
+    /* @__PURE__ */ a(dn, { children: /* @__PURE__ */ m(sa, { $smallScreen: p, children: [
       /* @__PURE__ */ m(v, { direction: "column", gap: "16px", children: [
         /* @__PURE__ */ m(v, { alignContent: "center", justifyContent: "space-between", children: [
           /* @__PURE__ */ a($, { appearance: "dark", size: "small", type: "headline", children: l }),
           /* @__PURE__ */ m(v, { alignItems: "center", children: [
             /* @__PURE__ */ a($, { children: "Cerrar" }),
             /* @__PURE__ */ a(
-              M,
+              j,
               {
                 appearance: "dark",
-                icon: /* @__PURE__ */ a(ln, {}),
+                icon: /* @__PURE__ */ a(sn, {}),
                 onClick: s,
                 cursorHover: !0
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ a(B, {})
+        /* @__PURE__ */ a(G, {})
       ] }),
       r,
       /* @__PURE__ */ m(v, { gap: "20px", justifyContent: "flex-end", children: [
         /* @__PURE__ */ a(
-          q,
+          B,
           {
             appearance: "gray",
             onClick: s,
@@ -3493,7 +3502,7 @@ const ra = w.div`
           }
         ),
         /* @__PURE__ */ a(
-          q,
+          B,
           {
             appearance: "primary",
             loading: o,
@@ -3507,12 +3516,12 @@ const ra = w.div`
     ] }) }),
     u
   );
-}, vl = (e) => {
+}, yl = (e) => {
   const { appliedFilters: n, fields: t, onChange: r, noFiltersLabel: o } = e, i = te("(max-width: 768px)"), s = !n || n.length === 0;
   return /* @__PURE__ */ m(v, { direction: "column", gap: "16px", children: [
-    i && /* @__PURE__ */ m(O, { children: [
+    i && /* @__PURE__ */ m(z, { children: [
       /* @__PURE__ */ m(v, { gap: "6px", width: "100%", alignItems: "center", children: [
-        /* @__PURE__ */ a(M, { appearance: "gray", icon: /* @__PURE__ */ a(lt, {}) }),
+        /* @__PURE__ */ a(j, { appearance: "gray", icon: /* @__PURE__ */ a(lt, {}) }),
         /* @__PURE__ */ a(
           oe,
           {
@@ -3526,7 +3535,7 @@ const ra = w.div`
             width: "100%",
             height: "36px",
             children: s ? /* @__PURE__ */ a($, { size: "small", type: "label", appearance: "gray", children: o }) : n == null ? void 0 : n.map((d) => /* @__PURE__ */ a(
-              De,
+              Ee,
               {
                 appearance: "primary",
                 displayIcon: !0,
@@ -3540,10 +3549,10 @@ const ra = w.div`
           }
         )
       ] }),
-      /* @__PURE__ */ a(B, { dashed: !0 })
+      /* @__PURE__ */ a(G, { dashed: !0 })
     ] }),
     t.map((d) => /* @__PURE__ */ m(v, { gap: "6px", alignItems: "center", children: [
-      /* @__PURE__ */ a(v, { padding: "22px 0 0 0", children: /* @__PURE__ */ a(M, { appearance: "primary", icon: d.icon }) }),
+      /* @__PURE__ */ a(v, { padding: "22px 0 0 0", children: /* @__PURE__ */ a(j, { appearance: "primary", icon: d.icon }) }),
       /* @__PURE__ */ a(
         Yt,
         {
@@ -3566,7 +3575,7 @@ const ra = w.div`
 }, da = (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(";");
-}, yl = (e) => {
+}, xl = (e) => {
   var s;
   const { decision: n, fallbackId: t, template: r } = e, o = (d) => typeof d == "object" && d !== null && "from" in d && "to" in d ? da(d) : d, i = ((s = n.conditionsThatEstablishesTheDecision) == null ? void 0 : s.map((d, l) => {
     var c;
@@ -3584,7 +3593,7 @@ const ra = w.div`
     value: o(n.value),
     conditionsThatEstablishesTheDecision: i
   };
-}, xl = (e) => {
+}, Tl = (e) => {
   if (typeof e != "string") return e;
   const n = e.split(";").map((r) => r.trim()), t = {};
   for (const r of n)
@@ -3596,7 +3605,7 @@ const ra = w.div`
       isNaN(o) || (t.to = o);
     }
   return t.from !== void 0 || t.to !== void 0 ? t : e;
-}, Tl = (e) => {
+}, wl = (e) => {
   const { dataDecision: n, originalDecision: t } = e, r = {
     conditionName: n.ruleName || "",
     labelName: n.labelName || "",
@@ -3612,7 +3621,7 @@ const ra = w.div`
       (o) => o.hidden ? { ...r } : o
     )
   };
-}, wl = (e) => {
+}, Cl = (e) => {
   const { decisions: n } = e;
   return n == null ? void 0 : n.map((t) => {
     var o;
@@ -3632,14 +3641,14 @@ const ra = w.div`
     } : t;
   });
 }, ca = (e) => ({
-  schema: le().required("Requerido").test(
+  schema: ie().required("Requerido").test(
     "non-empty",
     "El valor no puede estar vacío",
     (n) => n != null && n.trim() !== ""
   ),
   value: e
 }), ua = (e) => ({
-  schema: Pe().test(
+  schema: Me().test(
     "isArrayOrString",
     "Debe ser un array de strings/numbers o un solo string",
     (n) => Array.isArray(n) ? n.every(
@@ -3648,7 +3657,7 @@ const ra = w.div`
   ),
   value: e
 }), pa = (e) => ({
-  schema: Pe().test(
+  schema: Me().test(
     "isArrayOrString",
     "Debe ser un array de strings/numbers o un solo string ",
     (n) => Array.isArray(n) ? n.every(
@@ -3660,8 +3669,8 @@ const ra = w.div`
   const n = (e == null ? void 0 : e.from) ?? 0, t = (e == null ? void 0 : e.to) ?? 0;
   return {
     schema: ne({
-      from: se().required("El campo 'Rango desde' es requerido").max(t, "'Rango desde' no puede ser mayor que 'Rango hasta'").min(0, "'Rango desde' no puede ser menor que 0"),
-      to: se().min(0, "El campo 'Rango hasta' debe ser mayor o igual a 0").required("El campo 'Rango hasta' es requerido").test(
+      from: le().required("El campo 'Rango desde' es requerido").max(t, "'Rango desde' no puede ser mayor que 'Rango hasta'").min(0, "'Rango desde' no puede ser menor que 0"),
+      to: le().min(0, "El campo 'Rango hasta' debe ser mayor o igual a 0").required("El campo 'Rango hasta' es requerido").test(
         "is-greater",
         "El campo 'Rango hasta' debe ser mayor que 'Rango desde'",
         function(r) {
@@ -3672,11 +3681,11 @@ const ra = w.div`
     }),
     value: { from: n, to: t }
   };
-}, vn = (e, n) => n === j.PERCENTAGE ? {
-  schema: se().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"),
+}, vn = (e, n) => n === _.PERCENTAGE ? {
+  schema: le().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"),
+  schema: ie().required("Requerido"),
   value: e
 }, ha = {
   [A.LIST_OF_VALUES]: ua,
@@ -3693,7 +3702,7 @@ function fa({
 }) {
   const r = {
     ruleName: e.ruleName || "",
-    decisionDataType: e.decisionDataType || j.ALPHABETICAL,
+    decisionDataType: e.decisionDataType || _.ALPHABETICAL,
     howToSetTheDecision: e.howToSetTheDecision || "",
     value: e.value || "",
     effectiveFrom: e.effectiveFrom || "",
@@ -3705,8 +3714,8 @@ function fa({
   };
   let o;
   const i = {
-    ruleName: le().required("El nombre de la regla es requerido"),
-    value: qe(() => Wn(
+    ruleName: ie().required("El nombre de la regla es requerido"),
+    value: Be(() => Wn(
       o.values.howToSetTheDecision
     )(
       o.values.value,
@@ -3749,7 +3758,7 @@ function fa({
     //     },
     //   );
     // }),
-    conditionsThatEstablishesTheDecision: qe((l, { parent: p }) => {
+    conditionsThatEstablishesTheDecision: Be((l, { parent: p }) => {
       var g;
       if ((p == null ? void 0 : p.toggleNone) && Object.keys(p.conditionsThatEstablishesTheDecision || {}).length > 0) return ne().shape({});
       const c = ((g = e.conditionsThatEstablishesTheDecision) == null ? void 0 : g.reduce(
@@ -3826,16 +3835,16 @@ function fa({
     });
   } };
 }
-const ma = w.div`
+const ma = C.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
       ${({ theme: e }) => {
   var n, t;
-  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || E.palette.neutral.N30;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || S.palette.neutral.N30;
 }};
   }
-`, ba = w.div`
+`, ba = C.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -3861,14 +3870,14 @@ const ma = w.div`
     labelToggle: i,
     name: s,
     valueToggle: d = ""
-  } = e, [l, p] = z(n), u = (c) => {
+  } = e, [l, p] = U(n), u = (c) => {
     p(c.target.checked), r(c);
   };
-  return Ee(() => {
+  return ke(() => {
     p(n);
-  }, [n]), /* @__PURE__ */ m(O, { children: [
+  }, [n]), /* @__PURE__ */ m(z, { children: [
     /* @__PURE__ */ a(v, { children: /* @__PURE__ */ a(
-      dn,
+      cn,
       {
         checked: l,
         id: o,
@@ -3879,7 +3888,7 @@ const ma = w.div`
         children: /* @__PURE__ */ a($, { size: "medium", type: "label", weight: "bold", children: i })
       }
     ) }),
-    l && /* @__PURE__ */ a(O, { children: t })
+    l && /* @__PURE__ */ a(z, { children: t })
   ] });
 }, ya = (e) => {
   const {
@@ -3896,14 +3905,14 @@ const ma = w.div`
     messageEnd: c = "",
     statusStart: g = "pending",
     statusEnd: h = "pending"
-  } = e, [f, x] = z(s), [y, D] = z(l), [T, S] = z(p), N = ({ target: k }) => {
+  } = e, [f, x] = U(s), [y, w] = U(l), [T, E] = U(p), N = ({ target: k }) => {
     x(k.checked), r && r(k.checked);
-  }, C = (k) => {
-    D(k.target.value), n(k);
+  }, D = (k) => {
+    w(k.target.value), n(k);
   }, I = (k) => {
-    S(k.target.value), t(k);
+    E(k.target.value), t(k);
   }, F = te("(max-width: 400px)");
-  return /* @__PURE__ */ m(O, { children: [
+  return /* @__PURE__ */ m(z, { children: [
     /* @__PURE__ */ m(v, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ a(
         $,
@@ -3947,7 +3956,7 @@ const ma = w.div`
             {
               id: "dateStart",
               label: o,
-              onChange: C,
+              onChange: D,
               value: y,
               required: d,
               size: "compact",
@@ -3986,12 +3995,12 @@ const ma = w.div`
     termEndStatus: u
   } = e;
   return /* @__PURE__ */ a("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ m(v, { direction: "column", gap: "24px", children: [
-    tn({
+    rn({
       condition: i,
       formik: n,
       isDecision: !0
     }),
-    /* @__PURE__ */ a(B, { dashed: !0 }),
+    /* @__PURE__ */ a(G, { dashed: !0 }),
     /* @__PURE__ */ a(ma, { children: /* @__PURE__ */ a(ba, { children: /* @__PURE__ */ m(
       v,
       {
@@ -4009,7 +4018,7 @@ const ma = w.div`
               children: [
                 /* @__PURE__ */ a($, { type: "title", size: "small", weight: "bold", appearance: "gray", children: t.factsThatConditionIt }),
                 /* @__PURE__ */ a(
-                  dn,
+                  cn,
                   {
                     id: "toggleNone",
                     onChange: () => s(!n.values.toggleNone),
@@ -4032,15 +4041,15 @@ const ma = w.div`
                 c.conditionName,
                 c.howToSetTheCondition === A.LIST_OF_VALUES_MULTI
               )(g.target.checked),
-              children: tn({ condition: c, formik: n })
+              children: rn({ condition: c, formik: n })
             },
             c.conditionName
           )) })
         ]
       }
     ) }) }),
-    t.terms && /* @__PURE__ */ m(O, { children: [
-      /* @__PURE__ */ a(B, { dashed: !0 }),
+    t.terms && /* @__PURE__ */ m(z, { children: [
+      /* @__PURE__ */ a(G, { dashed: !0 }),
       /* @__PURE__ */ a(
         ya,
         {
@@ -4061,11 +4070,11 @@ const ma = w.div`
         }
       )
     ] }),
-    /* @__PURE__ */ a(B, {}),
+    /* @__PURE__ */ a(G, {}),
     l && /* @__PURE__ */ a($, { type: "label", size: "medium", appearance: "danger", children: typeof n.errors.conditionsThatEstablishesTheDecision == "string" ? n.errors.conditionsThatEstablishesTheDecision : "Existen errores en el formulario, por favor revísalos." }),
     /* @__PURE__ */ m(v, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ a(q, { appearance: "gray", onClick: r, children: t.cancel }),
-      /* @__PURE__ */ a(q, { type: "submit", children: t.confirm })
+      /* @__PURE__ */ a(B, { appearance: "gray", onClick: r, children: t.cancel }),
+      /* @__PURE__ */ a(B, { type: "submit", children: t.confirm })
     ] })
   ] }) });
 }, Ta = (e) => {
@@ -4104,10 +4113,10 @@ const ma = w.div`
             !1
           );
         else {
-          const D = x ? [] : "";
+          const w = x ? [] : "";
           i.setFieldValue(
             `conditionsThatEstablishesTheDecision.${f}`,
-            D
+            w
           );
         }
       },
@@ -4116,7 +4125,7 @@ const ma = w.div`
       termEndStatus: c
     }
   );
-}, Cl = (e) => {
+}, Dl = (e) => {
   var o;
   const { decisionTemplate: n } = e, t = { ...n }, r = (o = t.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
     (i) => i.switchPlaces
@@ -4132,7 +4141,7 @@ const ma = w.div`
       (i) => i.conditionName === r.conditionName ? { ...i, hidden: !0 } : i
     )
   } : t;
-}, Dl = (e) => {
+}, Sl = (e) => {
   const { decisions: n } = e;
   return n == null ? void 0 : n.map((t) => {
     var o;
@@ -4151,29 +4160,29 @@ const ma = w.div`
       )
     } : t;
   });
-}, xe = {
+}, Te = {
   item: {
     background: {
-      active: E.palette.blue.B50,
-      inactive: E.palette.neutral.N0,
-      hover: E.palette.neutral.N20,
-      disabled: E.palette.neutral.N20
+      active: S.palette.blue.B50,
+      inactive: S.palette.neutral.N0,
+      hover: S.palette.neutral.N20,
+      disabled: S.palette.neutral.N20
     }
   },
   border: {
     expanded: {
-      color: E.palette.blue.B400
+      color: S.palette.blue.B400
     },
     contracted: {
-      color: E.palette.neutral.N0
+      color: S.palette.neutral.N0
     }
   }
-}, wa = w.div`
+}, wa = C.div`
   & > div {
     border: 1px solid
       ${({ theme: e, $active: n }) => {
   var t, r, o, i;
-  return n ? ((r = (t = e == null ? void 0 : e.border) == null ? void 0 : t.expanded) == null ? void 0 : r.color) || xe.border.expanded.color : ((i = (o = e == null ? void 0 : e.border) == null ? void 0 : o.contracted) == null ? void 0 : i.color) || xe.border.contracted.color;
+  return n ? ((r = (t = e == null ? void 0 : e.border) == null ? void 0 : t.expanded) == null ? void 0 : r.color) || Te.border.expanded.color : ((i = (o = e == null ? void 0 : e.border) == null ? void 0 : o.contracted) == null ? void 0 : i.color) || Te.border.contracted.color;
 }};
   }
   &:hover {
@@ -4181,44 +4190,44 @@ const ma = w.div`
     background-color: ${({ theme: e, $disabled: n }) => {
   var t, r, o;
   if (!n)
-    return ((o = (r = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.item) == null ? void 0 : r.background) == null ? void 0 : o.hover) || xe.item.background.hover;
+    return ((o = (r = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.item) == null ? void 0 : r.background) == null ? void 0 : o.hover) || Te.item.background.hover;
 }};
   }
-`, Xn = w.div`
+`, Xn = C.div`
   display: flex;
   align-items: center;
   gap: 12px;
   width: 100%;
   outline: none;
   cursor: pointer;
-`, Ca = w.div`
+`, Ca = C.div`
   display: flex;
   align-items: center;
   outline: none;
   cursor: pointer;
-`, Da = w(ct)`
+`, Da = C(ct)`
   display: flex;
   align-items: center;
   text-decoration: none;
-`, Sa = w(ct)`
+`, Sa = C(ct)`
   display: block;
   text-decoration: none;
   color: inherit;
-`, Ea = w.div`
+`, Ea = C.div`
   & > div {
     border-bottom: 1px solid
       ${({ theme: e, $active: n }) => {
   var t, r, o, i;
-  return n ? ((r = (t = e == null ? void 0 : e.border) == null ? void 0 : t.expanded) == null ? void 0 : r.color) || xe.border.expanded.color : ((i = (o = e == null ? void 0 : e.border) == null ? void 0 : o.contracted) == null ? void 0 : i.color) || xe.border.contracted.color;
+  return n ? ((r = (t = e == null ? void 0 : e.border) == null ? void 0 : t.expanded) == null ? void 0 : r.color) || Te.border.expanded.color : ((i = (o = e == null ? void 0 : e.border) == null ? void 0 : o.contracted) == null ? void 0 : i.color) || Te.border.contracted.color;
 }};
     border-radius: 8px 8px 0 0;
   }
-`, mt = w.div`
+`, mt = C.div`
   display: block;
   text-decoration: none;
   background-color: ${({ theme: e, $active: n }) => {
   var t, r, o, i, s, d;
-  return n ? ((o = (r = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.item) == null ? void 0 : r.background) == null ? void 0 : o.active) || xe.item.background.active : ((d = (s = (i = e == null ? void 0 : e.menu) == null ? void 0 : i.item) == null ? void 0 : s.background) == null ? void 0 : d.inactive) || xe.item.background.inactive;
+  return n ? ((o = (r = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.item) == null ? void 0 : r.background) == null ? void 0 : o.active) || Te.item.background.active : ((d = (s = (i = e == null ? void 0 : e.menu) == null ? void 0 : i.item) == null ? void 0 : s.background) == null ? void 0 : d.inactive) || Te.item.background.inactive;
 }};
   &:last-child {
     border-radius: 0 0 8px 8px;
@@ -4228,10 +4237,10 @@ const ma = w.div`
     background-color: ${({ $active: e, theme: n, $disabled: t }) => {
   var r, o, i;
   if (!t && !e)
-    return ((i = (o = (r = n == null ? void 0 : n.menu) == null ? void 0 : r.item) == null ? void 0 : o.background) == null ? void 0 : i.hover) || xe.item.background.hover;
+    return ((i = (o = (r = n == null ? void 0 : n.menu) == null ? void 0 : r.item) == null ? void 0 : o.background) == null ? void 0 : i.hover) || Te.item.background.hover;
 }};
   }
-`, Na = w.div`
+`, Na = C.div`
   display: flex;
   flex-direction: column;
 
@@ -4265,7 +4274,7 @@ const ma = w.div`
             padding: "12px 8px",
             children: [
               /* @__PURE__ */ a(
-                M,
+                j,
                 {
                   appearance: c,
                   cursorHover: !0,
@@ -4295,7 +4304,7 @@ const ma = w.div`
             padding: "12px 8px",
             children: [
               /* @__PURE__ */ a(
-                M,
+                j,
                 {
                   appearance: c,
                   cursorHover: !0,
@@ -4338,7 +4347,7 @@ const ma = w.div`
           gap: "8px",
           padding: x ? "8px 4px" : "8px 32px",
           children: [
-            x && /* @__PURE__ */ a(M, { appearance: "primary", icon: /* @__PURE__ */ a(Vt, {}) }),
+            x && /* @__PURE__ */ a(j, { appearance: "primary", icon: /* @__PURE__ */ a(Vt, {}) }),
             /* @__PURE__ */ a(
               $,
               {
@@ -4354,11 +4363,11 @@ const ma = w.div`
       ) }) }, f.id);
     }) })
   ] }) });
-}, Aa = w.div`
+}, Aa = C.div`
   & > div {
     background: ${({ $background: e, theme: n }) => {
   var t, r, o, i;
-  return e ? `${((r = (t = n == null ? void 0 : n.palette) == null ? void 0 : t.neutral) == null ? void 0 : r.N20) || E.palette.neutral.N20}` : `${((i = (o = n == null ? void 0 : n.palette) == null ? void 0 : o.neutral) == null ? void 0 : i.N0) || E.palette.neutral.N0}`;
+  return e ? `${((r = (t = n == null ? void 0 : n.palette) == null ? void 0 : t.neutral) == null ? void 0 : r.N20) || S.palette.neutral.N20}` : `${((i = (o = n == null ? void 0 : n.palette) == null ? void 0 : o.neutral) == null ? void 0 : i.N0) || S.palette.neutral.N0}`;
 }};
   }
   height: 90vh;
@@ -4367,8 +4376,8 @@ const ma = w.div`
   for (const r of n)
     if (r.path && (e === r.path || e.startsWith(r.path + "/")) || (t = r.links) != null && t.some((o) => o.path === e)) return r.id;
   return null;
-}, Sl = (e) => {
-  const { collapseOnNavigate: n = !1, defaultOpenId: t = null, groups: r } = e, o = Kt(), [i, s] = V.useState(t), d = V.useRef(o.pathname), l = V.useCallback(
+}, El = (e) => {
+  const { collapseOnNavigate: n = !1, defaultOpenId: t = null, groups: r } = e, o = Zt(), [i, s] = V.useState(t), d = V.useRef(o.pathname), l = V.useCallback(
     (u) => {
       var c;
       return (c = u.find((g) => g.path === o.pathname)) == null ? void 0 : c.id;
@@ -4404,10 +4413,10 @@ const ma = w.div`
     u.id
   )) }) });
 };
-function Y(e) {
+function W(e) {
   e.preventDefault();
 }
-function Ce(e) {
+function De(e) {
   e.stopPropagation();
 }
 function bt() {
@@ -4447,11 +4456,11 @@ function Ge(e, n, t = !0, r = ["__key"]) {
 function xt(e) {
   return e.split(" ").filter((n) => n);
 }
-function Me(e) {
+function ze(e) {
   return { x: e.clientX, y: e.clientY };
 }
 Array();
-var On = typeof window < "u", G = /* @__PURE__ */ new WeakMap(), ue = /* @__PURE__ */ new WeakMap();
+var On = typeof window < "u", Y = /* @__PURE__ */ new WeakMap(), ue = /* @__PURE__ */ new WeakMap();
 function Tt() {
   if (!On) return !1;
   if ("userAgentData" in navigator)
@@ -4493,7 +4502,7 @@ var Ra = {
   scrollDebounceTimeout: void 0,
   frameIdX: void 0,
   frameIdY: void 0
-}, b = Ra, we = !1, Qn, yn;
+}, b = Ra, Ce = !1, Qn, yn;
 function Fa() {
   b.scrollDebounceTimeout && clearTimeout(b.scrollDebounceTimeout), b.longPressTimeout && clearTimeout(b.longPressTimeout), b.frameIdX !== void 0 && cancelAnimationFrame(b.frameIdX), b.frameIdY !== void 0 && cancelAnimationFrame(b.frameIdY), b = { ...{
     affectedNodes: [],
@@ -4536,10 +4545,10 @@ function Fa() {
   } };
 }
 function wt(e) {
-  return Object.assign(b, e), e.initialParent.data.emit("dragStarted", b), we = !1, b.emit("dragStarted", b), b;
+  return Object.assign(b, e), e.initialParent.data.emit("dragStarted", b), Ce = !1, b.emit("dragStarted", b), b;
 }
 function La() {
-  b.activeState && Ne(b.activeState.parent, void 0, b), b.selectedState && Se(b.selectedState.nodes, b.selectedState.parent, b), b.selectedState = b.activeState = void 0;
+  b.activeState && Ae(b.activeState.parent, void 0, b), b.selectedState && Ne(b.selectedState.nodes, b.selectedState.parent, b), b.selectedState = b.activeState = void 0;
 }
 function Oa() {
   if (b.pointerDown && (b.pointerDown.node.el.draggable = !0), b.pointerDown = void 0, !re(b)) return;
@@ -4547,28 +4556,28 @@ function Oa() {
   re(b) && e.handleEnd(b);
 }
 function Pa(e) {
-  e.key === "Escape" && (b.selectedState && Se(b.selectedState.nodes, b.selectedState.parent, b), b.activeState && Ne(b.activeState.parent, void 0, b), b.selectedState = b.activeState = void 0);
+  e.key === "Escape" && (b.selectedState && Ne(b.selectedState.nodes, b.selectedState.parent, b), b.activeState && Ae(b.activeState.parent, void 0, b), b.selectedState = b.activeState = void 0);
 }
 function Ma(e) {
-  if (!W(b)) return;
-  we = !0;
+  if (!X(b)) return;
+  Ce = !0;
   const n = b.initialParent.data.config.handleEnd;
   n(b);
 }
 function za(e) {
-  if (!W(b)) return;
-  Y(e);
-  const { x: n, y: t } = Me(e);
-  W(b) && gn({ x: n, y: t }, e, b);
+  if (!X(b)) return;
+  W(e);
+  const { x: n, y: t } = ze(e);
+  X(b) && hn({ x: n, y: t }, e, b);
 }
 function Va(e) {
   if (!b.pointerDown || !b.pointerDown.validated) return;
   const n = b.pointerDown.parent.data.config;
   if (!(e.pointerType === "mouse" && !Tt()))
     if (re(b))
-      re(b) && Zn(e, b);
+      re(b) && Kn(e, b);
     else {
-      if (Y(e), n.longPress && !b.longPress) {
+      if (W(e), n.longPress && !b.longPress) {
         clearTimeout(b.longPressTimeout), b.longPress = !1;
         return;
       }
@@ -4582,7 +4591,7 @@ function Va(e) {
         t,
         r
       );
-      Zn(e, o, !0);
+      Kn(e, o, !0);
     }
 }
 function ja({
@@ -4593,19 +4602,19 @@ function ja({
 }) {
   var l, p, u;
   if (!On) return;
-  Qn || (Qn = rn(document, {
+  Qn || (Qn = on(document, {
     dragover: za,
     pointerdown: La,
     pointerup: Oa,
     keydown: Pa,
     drop: Ma,
     pointermove: Va,
-    pointercancel: K(r.handlePointercancel),
+    pointercancel: Z(r.handlePointercancel),
     touchmove: (c) => {
-      W(b) && c.cancelable && Y(c);
+      X(b) && c.cancelable && W(c);
     },
     contextmenu: (c) => {
-      re(b) && Y(c);
+      re(b) && W(c);
     }
   })), Dt(e);
   const [o, i] = bt(), s = {
@@ -4645,7 +4654,7 @@ function ja({
       reapplyDragClasses: Ya,
       tearDownNode: Xa,
       tearDownNodeRemap: Wa,
-      remapFinished: Za,
+      remapFinished: Ka,
       threshold: {
         horizontal: 0,
         vertical: 0
@@ -4658,7 +4667,7 @@ function ja({
     on: i,
     emit: o
   };
-  new MutationObserver(Qa).observe(e, { childList: !0 }), G.set(e, s), (l = r.plugins) == null || l.forEach((c) => {
+  new MutationObserver(Qa).observe(e, { childList: !0 }), Y.set(e, s), (l = r.plugins) == null || l.forEach((c) => {
     var g, h;
     (h = (g = c(e)) == null ? void 0 : g.tearDown) == null || h.call(g);
   }), (p = r.plugins) == null || p.forEach((c) => {
@@ -4667,10 +4676,10 @@ function ja({
   }), (u = r.plugins) == null || u.forEach((c) => {
     var g, h;
     (h = (g = c(e)) == null ? void 0 : g.setup) == null || h.call(g);
-  }), Ba(e, s), un(e, !0);
+  }), Ba(e, s), pn(e, !0);
 }
 function Ct(e, n, t, r, o, i) {
-  const { x: s, y: d } = Me(t), l = e.el.getBoundingClientRect();
+  const { x: s, y: d } = ze(t), l = e.el.getBoundingClientRect();
   return {
     affectedNodes: [],
     ascendingDirection: !1,
@@ -4709,8 +4718,8 @@ function Ua({
   draggedNodes: n,
   targetNodes: t
 }) {
-  un(e.el);
-  const r = n.map((l) => l.data.value), o = Oe(e.el, e.data), i = n[0].data.index, s = [...e.data.enabledNodes], d = [
+  pn(e.el);
+  const r = n.map((l) => l.data.value), o = Pe(e.el, e.data), i = n[0].data.index, s = [...e.data.enabledNodes], d = [
     ...o.filter((l) => !r.some((p) => Ge(l, p)))
   ];
   d.splice(t[0].data.index, 0, ...r), "draggedNode" in b && (b.currentTargetValue = t[0].data.value), En(e.el, e.data, [...d]), e.data.config.onSort && e.data.config.onSort({
@@ -4729,7 +4738,7 @@ function Ua({
     state: b
   });
 }
-function Ne(e, n, t) {
+function Ae(e, n, t) {
   if (!n) {
     t.activeState = void 0;
     return;
@@ -4739,11 +4748,11 @@ function Ne(e, n, t) {
     parent: e
   };
 }
-function Se(e, n, t) {
+function Ne(e, n, t) {
   const r = n.data.config.selectedClass;
   if (!t.selectedState) return;
   const o = Array.from(e);
-  Te(
+  we(
     e.map((i) => i.el),
     r
   );
@@ -4760,11 +4769,11 @@ function Je(e, n, t, r, o = !1) {
   r.selectedState = {
     nodes: n,
     parent: e
-  }, Ne(e, t, r);
+  }, Ae(e, t, r);
 }
 function _a(e, n) {
   const t = e.targetData.parent.data.enabledNodes[0];
-  t && (n.selectedState && n.selectedState.parent.el !== e.targetData.parent.el ? Ne(e.targetData.parent, t, n) : n.selectedState || Ne(e.targetData.parent, t, n));
+  t && (n.selectedState && n.selectedState.parent.el !== e.targetData.parent.el ? Ae(e.targetData.parent, t, n) : n.selectedState || Ae(e.targetData.parent, t, n));
 }
 function Ha({
   currentParent: e,
@@ -4775,12 +4784,12 @@ function Ha({
   targetNodes: i,
   state: s
 }) {
-  un(t.el);
+  pn(t.el);
   const d = r.map((g) => g.data.value), l = [
-    ...Oe(e.el, e.data).filter(
+    ...Pe(e.el, e.data).filter(
       (g) => !d.some((h) => Ge(g, h))
     )
-  ], p = Oe(n.el, n.data), u = t.el === n.el && n.data.config.sortable === !1;
+  ], p = Pe(n.el, n.data), u = t.el === n.el && n.data.config.sortable === !1;
   let c;
   i.length ? (u ? c = o : n.data.config.sortable === !1 ? c = n.data.enabledNodes.length : c = i[0].data.index, p.splice(c, 0, ...d)) : (c = u ? o : n.data.enabledNodes.length, p.splice(c, 0, ...d)), En(e.el, e.data, l), En(n.el, n.data, p), n.data.config.onTransfer && n.data.config.onTransfer({
     sourceParent: e,
@@ -4800,46 +4809,46 @@ function Ha({
     targetNodes: i || []
   });
 }
-function Oe(e, n) {
+function Pe(e, n) {
   return [...n.getValues(e)];
 }
 function En(e, n, t) {
   n.setValues(t, e);
 }
 function qa(e, n) {
-  Ce(e.e), we = !0;
+  De(e.e), Ce = !0;
   const t = n.initialParent.data.config.handleEnd;
   t(n);
 }
 function Dt(e) {
-  const n = G.get(e);
+  const n = Y.get(e);
   n && n.abortControllers.mainParent && n.abortControllers.mainParent.abort();
 }
-function W(e) {
+function X(e) {
   return "draggedNode" in e && !!e.draggedNode;
 }
 function re(e) {
   return "synthDragging" in e && !!e.synthDragging;
 }
 function Ba(e, n) {
-  n.abortControllers.mainParent = rn(e, {
+  n.abortControllers.mainParent = on(e, {
     dragover: en(n.config.handleParentDragover),
     handleParentPointerover: n.config.handleParentPointerover,
     scroll: en(n.config.handleParentScroll),
     drop: en(n.config.handleParentDrop),
     hasNestedParent: (t) => {
-      const r = G.get(t.target);
+      const r = Y.get(t.target);
       r && (r.nestedParent = t.detail.parent);
     },
     focus: en(n.config.handleParentFocus)
-  }), n.config.externalDragHandle && n.config.externalDragHandle.el && n.config.externalDragHandle.callback && (n.abortControllers.externalDragHandle = rn(
+  }), n.config.externalDragHandle && n.config.externalDragHandle.el && n.config.externalDragHandle.callback && (n.abortControllers.externalDragHandle = on(
     n.config.externalDragHandle.el,
     {
       pointerdown: (t) => {
         if (!n.config.externalDragHandle || !n.config.externalDragHandle.callback)
           return;
         const r = n.config.externalDragHandle.callback();
-        if (!hn(r)) {
+        if (!fn(r)) {
           console.warn(
             "No draggable item found from external drag handle callback"
           );
@@ -4849,7 +4858,7 @@ function Ba(e, n) {
         if (!o) return;
         const i = r.parentNode;
         if (!(i instanceof HTMLElement)) return;
-        const s = G.get(i);
+        const s = Y.get(i);
         s && (b.pointerDown = {
           parent: {
             el: i,
@@ -4868,25 +4877,25 @@ function Ba(e, n) {
 function Ga(e) {
   var t;
   const n = e.parent.data.config;
-  e.node.data.abortControllers.mainNode = rn(e.node.el, {
-    keydown: K(n.handleNodeKeydown),
-    dragstart: K(n.handleDragstart),
-    dragover: K(n.handleNodeDragover),
-    dragenter: K(n.handleNodeDragenter),
-    dragleave: K(n.handleNodeDragleave),
-    dragend: K(n.handleDragend),
-    drop: K(n.handleNodeDrop),
-    focus: K(n.handleNodeFocus),
-    blur: K(n.handleNodeBlur),
-    pointerup: K(n.handleNodePointerup),
-    pointercancel: K(n.handlePointercancel),
-    pointerdown: K(n.handleNodePointerdown),
+  e.node.data.abortControllers.mainNode = on(e.node.el, {
+    keydown: Z(n.handleNodeKeydown),
+    dragstart: Z(n.handleDragstart),
+    dragover: Z(n.handleNodeDragover),
+    dragenter: Z(n.handleNodeDragenter),
+    dragleave: Z(n.handleNodeDragleave),
+    dragend: Z(n.handleDragend),
+    drop: Z(n.handleNodeDrop),
+    focus: Z(n.handleNodeFocus),
+    blur: Z(n.handleNodeBlur),
+    pointerup: Z(n.handleNodePointerup),
+    pointercancel: Z(n.handlePointercancel),
+    pointerdown: Z(n.handleNodePointerdown),
     handleNodePointerover: n.handleNodePointerover,
     touchmove: (r) => {
-      W(b) && r.cancelable && Y(r);
+      X(b) && r.cancelable && W(r);
     },
     contextmenu: (r) => {
-      re(b) && Y(r);
+      re(b) && W(r);
     }
   }), e.node.el.draggable = !0, n.reapplyDragClasses(e.node.el, e.parent.data), (t = e.parent.data.config.plugins) == null || t.forEach((r) => {
     var o, i;
@@ -4901,7 +4910,7 @@ function St(e) {
   });
 }
 function Ya(e, n) {
-  if (!W(b)) return;
+  if (!X(b)) return;
   const t = re(b) ? n.config.synthDropZoneClass : n.config.dropZoneClass;
   b.draggedNode.el === e && Re([e], t, !0);
 }
@@ -4923,17 +4932,17 @@ function Qa(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) || !G.get(n) || un(n);
+  !(n instanceof HTMLElement) || !Y.get(n) || pn(n);
 }
-function un(e, n) {
+function pn(e, n) {
   var d;
-  const t = G.get(e);
+  const t = Y.get(e);
   if (!t) return;
   t.privateClasses = Array.from(e.classList);
   const r = [], o = t.config;
   for (let l = 0; l < e.children.length; l++) {
     const p = e.children[l];
-    if (!hn(p) || p.id === "dnd-dragged-node-clone") continue;
+    if (!fn(p) || p.id === "dnd-dragged-node-clone") continue;
     const u = ue.get(p);
     (n || !u) && o.tearDownNode({
       parent: {
@@ -4966,7 +4975,7 @@ function un(e, n) {
         index: l
       }
     );
-    if (!W(b) && b.activeState && Ge(b.activeState.node.data.value, c.value) && Ne(
+    if (!X(b) && b.activeState && Ge(b.activeState.node.data.value, c.value) && Ae(
       {
         data: t,
         el: e
@@ -4976,7 +4985,7 @@ function un(e, n) {
         data: c
       },
       b
-    ), W(b) && Ge(b.draggedNode.data.value, c.value)) {
+    ), X(b) && Ge(b.draggedNode.data.value, c.value)) {
       b.draggedNode.data = c, b.draggedNode.el = p;
       const g = b.draggedNodes.find(
         (h) => h.data.value === c.value
@@ -5006,15 +5015,15 @@ function un(e, n) {
       }
     });
   }
-  G.set(e, { ...t, enabledNodes: s }), o.remapFinished(t), (d = t.config.plugins) == null || d.forEach((l) => {
+  Y.set(e, { ...t, enabledNodes: s }), o.remapFinished(t), (d = t.config.plugins) == null || d.forEach((l) => {
     var p, u;
     (u = (p = l(e)) == null ? void 0 : p.remapFinished) == null || u.call(p);
   });
 }
-function Za() {
+function Ka() {
   b.remapJustFinished = !0, "draggedNode" in b && (b.affectedNodes = []);
 }
-function Ka(e) {
+function Za(e) {
   return !!e.targetData.parent.data.config.nativeDrag;
 }
 function Ja(e) {
@@ -5031,19 +5040,19 @@ function Ja(e) {
   return [];
 }
 function ei(e) {
-  W(b) && (b.emit("scrollStarted", b), !re(b) && (b.preventEnter = !0, yn && clearTimeout(yn), yn = setTimeout(() => {
+  X(b) && (b.emit("scrollStarted", b), !re(b) && (b.preventEnter = !0, yn && clearTimeout(yn), yn = setTimeout(() => {
     b.preventEnter = !1, b.emit("scrollEnded", b);
   }, 100)));
 }
 function ni(e, n) {
   const t = e.targetData.parent.data.config;
-  if (!t.nativeDrag || !Ka(e) || !Et({
+  if (!t.nativeDrag || !Za(e) || !Et({
     x: e.e.clientX,
     y: e.e.clientY,
     node: e.targetData.node,
     config: t
   })) {
-    Y(e.e);
+    W(e.e);
     return;
   }
   let r = t.draggedNodes({
@@ -5055,7 +5064,7 @@ function ni(e, n) {
   if (t.onDragstart) {
     const i = {
       parent: e.targetData.parent,
-      values: Oe(
+      values: Pe(
         e.targetData.parent.el,
         e.targetData.parent.data
       ),
@@ -5069,7 +5078,7 @@ function ni(e, n) {
 }
 function ti(e, n) {
   var d, l;
-  if (Ce(e.e), n.pointerDown = {
+  if (De(e.e), n.pointerDown = {
     parent: e.targetData.parent,
     node: e.targetData.node,
     validated: !1
@@ -5102,7 +5111,7 @@ function ti(e, n) {
     const p = e.targetData.parent.data.enabledNodes;
     if (n.selectedState && n.activeState)
       if (n.selectedState.parent.el !== e.targetData.parent.el) {
-        Se(n.selectedState.nodes, n.selectedState.parent, n), n.selectedState = void 0;
+        Ne(n.selectedState.nodes, n.selectedState.parent, n), n.selectedState = void 0;
         for (let u = 0; u <= s.data.index; u++)
           r.push(p[u]);
       } else {
@@ -5129,7 +5138,7 @@ function ti(e, n) {
   }
   (l = (d = n.selectedState) == null ? void 0 : d.nodes) != null && l.length ? n.selectedState.nodes.findIndex(
     (u) => u.el === e.targetData.node.el
-  ) === -1 && (n.selectedState.parent.el !== e.targetData.parent.el ? Se(n.selectedState.nodes, e.targetData.parent, n) : t.config.multiDrag && Tt() ? r.push(...n.selectedState.nodes) : Se(n.selectedState.nodes, e.targetData.parent, n), Je(
+  ) === -1 && (n.selectedState.parent.el !== e.targetData.parent.el ? Ne(n.selectedState.nodes, e.targetData.parent, n) : t.config.multiDrag && Tt() ? r.push(...n.selectedState.nodes) : Ne(n.selectedState.nodes, e.targetData.parent, n), Je(
     e.targetData.parent,
     r,
     e.targetData.node,
@@ -5148,7 +5157,7 @@ function ri(e, n, t, r = !1) {
     n.map((o) => o.el),
     r ? t.synthDraggingClass : t.draggingClass
   ), setTimeout(() => {
-    Te(
+    we(
       n.map((o) => o.el),
       r ? t.synthDraggingClass : t.draggingClass
     ), Re(
@@ -5157,14 +5166,14 @@ function ri(e, n, t, r = !1) {
     ), Re(
       n.map((o) => o.el),
       r ? t.synthDropZoneClass : t.dropZoneClass
-    ), Te(
+    ), we(
       n.map((o) => o.el),
       t.selectedClass
     );
   });
 }
 function oi(e, n) {
-  Ce(e.e);
+  De(e.e);
   const t = wt(
     Ct(
       e.targetData.node,
@@ -5237,11 +5246,11 @@ function Et({
 function ai(e) {
 }
 function ii(e) {
-  e.detail.targetData.parent.el === e.detail.state.currentParent.el ? kt(e.detail, e.detail.state) : pn(e.detail, e.detail.state);
+  e.detail.targetData.parent.el === e.detail.state.currentParent.el ? kt(e.detail, e.detail.state) : gn(e.detail, e.detail.state);
 }
 function li(e, n) {
   const t = e.targetData.parent.data.config;
-  t.nativeDrag && (Ce(e.e), we = !0, t.handleEnd(n));
+  t.nativeDrag && (De(e.e), Ce = !0, t.handleEnd(n));
 }
 function si(e) {
   e.e.target !== e.e.currentTarget && b.pointerDown && (b.pointerDown.node.el.draggable = !1);
@@ -5252,8 +5261,8 @@ function di(e) {
 function ci(e, n) {
   const t = e.targetData.parent.data.config;
   if (t.nativeDrag) {
-    if (Y(e.e), Ce(e.e), we) {
-      we = !1;
+    if (W(e.e), De(e.e), Ce) {
+      Ce = !1;
       return;
     }
     t.handleEnd(n);
@@ -5262,14 +5271,14 @@ function ci(e, n) {
 function ui(e, n) {
   var r;
   if (!re(n)) return;
-  if (Y(e.e), we) {
-    we = !1;
+  if (W(e.e), Ce) {
+    Ce = !1;
     return;
   }
-  const t = (r = G.get(n.initialParent.el)) == null ? void 0 : r.config;
+  const t = (r = Y.get(n.initialParent.el)) == null ? void 0 : r.config;
   t != null && t.onDragend && t.onDragend({
     parent: n.currentParent,
-    values: Oe(n.currentParent.el, n.currentParent.data),
+    values: Pe(n.currentParent.el, n.currentParent.data),
     draggedNode: n.draggedNode,
     draggedNodes: n.draggedNodes,
     state: n
@@ -5278,14 +5287,14 @@ function ui(e, n) {
 function pi(e) {
   var u, c, g, h, f;
   e.draggedNode && (e.draggedNode.el.draggable = !0);
-  const n = e.draggedNodes.map((x) => x.el), t = e.initialParent.data, r = re(e), o = (u = G.get(e.initialParent.el)) == null ? void 0 : u.config, i = r ? o == null ? void 0 : o.synthDropZoneClass : o == null ? void 0 : o.dropZoneClass, s = (c = t == null ? void 0 : t.config) == null ? void 0 : c.longPressClass, d = r ? (g = t == null ? void 0 : t.config) == null ? void 0 : g.synthDragPlaceholderClass : (h = t == null ? void 0 : t.config) == null ? void 0 : h.dragPlaceholderClass, l = e.originalZIndex;
+  const n = e.draggedNodes.map((x) => x.el), t = e.initialParent.data, r = re(e), o = (u = Y.get(e.initialParent.el)) == null ? void 0 : u.config, i = r ? o == null ? void 0 : o.synthDropZoneClass : o == null ? void 0 : o.dropZoneClass, s = (c = t == null ? void 0 : t.config) == null ? void 0 : c.longPressClass, d = r ? (g = t == null ? void 0 : t.config) == null ? void 0 : g.synthDragPlaceholderClass : (h = t == null ? void 0 : t.config) == null ? void 0 : h.dragPlaceholderClass, l = e.originalZIndex;
   re(e) && (e.clonedDraggedNode && e.clonedDraggedNode.remove(), e.longPressTimeout && clearTimeout(e.longPressTimeout)), Nn(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(() => {
-    Te(n, i), Te(n, s), Te(n, d);
-  }), Se(e.draggedNodes, e.currentParent, e), Ne(e.currentParent, void 0, e);
+    we(n, i), we(n, s), we(n, d);
+  }), Ne(e.draggedNodes, e.currentParent, e), Ae(e.currentParent, void 0, e);
   const p = { ...e };
   (f = o == null ? void 0 : o.onDragend) == null || f.call(o, {
     parent: p.currentParent,
-    values: Oe(
+    values: Pe(
       p.currentParent.el,
       p.currentParent.data
     ),
@@ -5295,12 +5304,12 @@ function pi(e) {
   }), e.emit("dragEnded", p), Fa();
 }
 function gi(e, n) {
-  Ce(e.e), !n.pointerSelection && n.selectedState && Se(n.selectedState.nodes, e.targetData.parent, n);
+  De(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, Te(
+  n.pointerSelection = !1, "longPressTimeout" in n && n.longPressTimeout && clearTimeout(n.longPressTimeout), n.longPress = !1, we(
     e.targetData.parent.data.enabledNodes.map((r) => r.el),
     t.longPressClass
-  ), W(n) && t.handleEnd(n);
+  ), X(n) && t.handleEnd(n);
 }
 function hi(e, n, t, r, o, i) {
   var f, x;
@@ -5334,12 +5343,12 @@ function hi(e, n, t, r, o, i) {
     "height",
     "boxSizing",
     "overflow"
-  ], u = (y, D) => {
+  ], u = (y, w) => {
     const T = window.getComputedStyle(y);
-    p.forEach((S) => {
-      D.style[S] = T[S];
+    p.forEach((E) => {
+      w.style[E] = T[E];
     });
-  }, c = (y, D = {}) => {
+  }, c = (y, w = {}) => {
     Object.assign(y.style, {
       position: "absolute",
       zIndex: "9999",
@@ -5350,7 +5359,7 @@ function hi(e, n, t, r, o, i) {
       overflow: "hidden",
       width: `${i.width}px`,
       height: `${i.height}px`,
-      ...D
+      ...w
     });
   };
   if (s.synthDragImage)
@@ -5359,9 +5368,9 @@ function hi(e, n, t, r, o, i) {
     d = e.el.cloneNode(!0), u(e.el, d), d.setAttribute("popover", "manual"), c(d);
   else {
     const y = document.createElement("div");
-    y.setAttribute("popover", "manual"), o.forEach((D) => {
-      const T = D.el.cloneNode(!0);
-      u(D.el, T), T.style.pointerEvents = "none", T.style.margin = "0", y.append(T);
+    y.setAttribute("popover", "manual"), o.forEach((w) => {
+      const T = w.el.cloneNode(!0);
+      u(w.el, T), T.style.pointerEvents = "none", T.style.margin = "0", y.append(T);
     }), y.style.display = "flex", y.style.flexDirection = "column", y.style.padding = "0", y.style.margin = "0", y.style.position = "absolute", y.style.zIndex = "9999", y.style.pointerEvents = "none", d = y;
   }
   d.id = "dnd-dragged-node-clone", n.el.appendChild(d), d.showPopover();
@@ -5388,7 +5397,7 @@ function hi(e, n, t, r, o, i) {
 function fi(e, n, t) {
   const r = e.targetData.parent.data.config;
   n.longPressTimeout = setTimeout(() => {
-    n && (n.longPress = !0, r.longPressClass && e.e.cancelable && Re([t.el], r.longPressClass), Y(e.e));
+    n && (n.longPress = !0, r.longPressClass && e.e.cancelable && Re([t.el], r.longPressClass), W(e.e));
   }, r.longPressDuration || 1e3);
 }
 function Nn(e, n = !0, t = !0) {
@@ -5397,15 +5406,15 @@ function Nn(e, n = !0, t = !0) {
 function Nt(e, n = !1) {
   var u;
   const { x: t, y: r } = e.coordinates, o = e.startLeft ?? 0, i = e.startTop ?? 0, s = window.scrollX ?? 0, d = window.scrollY ?? 0, l = t - o + s, p = r - i + d;
-  e.clonedDraggedNode.style.transform = `translate3d(${l}px, ${p}px, 0px)`, n && (e.clonedDraggedNode.style.opacity = "1", Te(
+  e.clonedDraggedNode.style.transform = `translate3d(${l}px, ${p}px, 0px)`, n && (e.clonedDraggedNode.style.opacity = "1", we(
     e.draggedNodes.map((c) => c.el),
     (u = e.initialParent.data.config) == null ? void 0 : u.longPressClass
   ));
 }
-function Zn(e, n, t = !1) {
-  const r = Me(e);
+function Kn(e, n, t = !1) {
+  const r = ze(e);
   n.coordinates.x = r.x, n.coordinates.y = r.y, Nt(n, t), n.scrollDebounceTimeout && (clearTimeout(n.scrollDebounceTimeout), n.scrollDebounceTimeout = void 0), n.scrollDebounceTimeout = setTimeout(() => {
-    re(n) && gn(n.coordinates, e, n);
+    re(n) && hn(n.coordinates, e, n);
   }, 16);
   const o = Si(r);
   if (!o) {
@@ -5437,17 +5446,17 @@ function Zn(e, n, t = !1) {
 function mi(e, n) {
   var i;
   if (!e.targetData.parent.data.config.nativeDrag) return;
-  const { x: r, y: o } = Me(e.e);
-  n.coordinates.y = o, n.coordinates.x = r, Y(e.e), Ce(e.e), W(n) && gn({ x: r, y: o }, e.e, n), e.targetData.parent.el === ((i = n.currentParent) == null ? void 0 : i.el) ? kt(e, n) : pn(e, n);
+  const { x: r, y: o } = ze(e.e);
+  n.coordinates.y = o, n.coordinates.x = r, W(e.e), De(e.e), X(n) && hn({ x: r, y: o }, e.e, n), e.targetData.parent.el === ((i = n.currentParent) == null ? void 0 : i.el) ? kt(e, n) : gn(e, n);
 }
 function bi(e, n) {
   if (!e.targetData.parent.data.config.nativeDrag) return;
-  Y(e.e), Ce(e.e);
-  const { x: r, y: o } = Me(e.e);
-  W(n) && gn({ x: r, y: o }, e.e, n), pn(e, n);
+  W(e.e), De(e.e);
+  const { x: r, y: o } = ze(e.e);
+  X(n) && hn({ x: r, y: o }, e.e, n), gn(e, n);
 }
 function vi(e) {
-  e.detail.targetData.parent.el !== e.detail.state.currentParent.el && pn(e.detail, e.detail.state);
+  e.detail.targetData.parent.el !== e.detail.state.currentParent.el && gn(e.detail, e.detail.state);
 }
 function yi({
   currentParent: e,
@@ -5468,10 +5477,10 @@ function yi({
   ) : !(!i.group || i.group !== s.group);
 }
 function xi(e, n) {
-  Y(e.e);
+  W(e.e);
 }
 function Ti(e, n) {
-  Y(e.e);
+  W(e.e);
 }
 function wi(e, n, t, r) {
   var u;
@@ -5508,7 +5517,7 @@ function wi(e, n, t, r) {
   return !1;
 }
 function kt(e, n) {
-  const { x: t, y: r } = Me(e.e);
+  const { x: t, y: r } = ze(e.e);
   if (!wi(e, n, t, r))
     return;
   const o = 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];
@@ -5520,11 +5529,11 @@ function kt(e, n) {
     targetNodes: [e.targetData.node]
   });
 }
-function K(e) {
+function Z(e) {
   function n(t) {
     const r = ue.get(t);
     if (!r) return;
-    const o = G.get(t.parentNode);
+    const o = Y.get(t.parentNode);
     if (o)
       return {
         node: {
@@ -5549,8 +5558,8 @@ function K(e) {
       );
   };
 }
-function pn(e, n) {
-  Y(e.e), yi({
+function gn(e, n) {
+  W(e.e), yi({
     currentParent: n.currentParent,
     targetParent: e.targetData.parent,
     initialParent: n.initialParent,
@@ -5568,7 +5577,7 @@ function pn(e, n) {
 }
 function en(e) {
   function n(t) {
-    const r = G.get(t);
+    const r = Y.get(t);
     if (r)
       return {
         parent: {
@@ -5615,53 +5624,53 @@ function Ci(e, n, t, r = !1) {
     ) : e.classList.add(s);
   return t.privateClasses = i, t;
 }
-function Te(e, n) {
+function we(e, n) {
   if (!n) return;
   const t = xt(n);
   if (t.length)
     for (const r of e) {
-      if (!hn(r)) {
+      if (!fn(r)) {
         r.classList.remove(...t);
         continue;
       }
-      const o = ue.get(r) || G.get(r);
+      const o = ue.get(r) || Y.get(r);
       if (o)
         for (const i of t)
           o.privateClasses.includes(i) || r.classList.remove(i);
     }
 }
-function Kn(e, n, t, r, o) {
+function Zn(e, n, t, r, o) {
   const s = o.axis === "x", d = e === document.scrollingElement, l = s ? "scrollLeft" : "scrollTop", p = s ? "clientWidth" : "clientHeight", u = s ? "offsetWidth" : "offsetHeight", c = s ? "scrollWidth" : "scrollHeight", g = s ? n.clientX : n.clientY, h = s ? r.left : r.top, f = s ? t.overflowX : t.overflowY;
   if (d) {
-    const x = e[l], y = e[p], D = x > 0, T = x + y < (s ? o.state.rootScrollWidth || 0 : e[c]);
+    const x = e[l], y = e[p], w = x > 0, T = x + y < (s ? o.state.rootScrollWidth || 0 : e[c]);
     return s ? {
-      left: D && g < y * 0.075,
+      left: w && g < y * 0.075,
       right: T && g > y * (1 - 0.075)
     } : {
-      up: D && g < y * 0.075,
+      up: w && g < y * 0.075,
       down: T && g > y * (1 - 0.075)
     };
   }
   if ((f === "auto" || f === "scroll") && e !== document.body && e !== document.documentElement) {
-    const x = e[c], y = e[u], D = e[l], T = D > 0, S = D < x - y;
+    const x = e[c], y = e[u], w = e[l], T = w > 0, E = w < x - y;
     return s ? {
       left: T && g < h + y * 0.075,
-      right: S && g > h + y * (1 - 0.075)
+      right: E && g > h + y * (1 - 0.075)
     } : {
       up: T && g < h + y * 0.075,
-      down: S && g > h + y * (1 - 0.075)
+      down: E && g > h + y * (1 - 0.075)
     };
   }
   return s ? { left: !1, right: !1 } : { up: !1, down: !1 };
 }
 function Di(e, n, t, r) {
-  if (!W(t) || !t.draggedNode)
+  if (!X(t) || !t.draggedNode)
     return;
   t.preventEnter = !0;
   const o = r.axis === "x", i = r.direction === "positive" ? 1 : -1, s = 20, d = o ? "lastScrollDirectionX" : "lastScrollDirectionY", l = o ? "frameIdX" : "frameIdY";
   t[l] !== void 0 && (cancelAnimationFrame(t[l]), t[l] = void 0), t[d] = r.direction;
   const p = () => {
-    if (!W(t) || !t.draggedNode) {
+    if (!X(t) || !t.draggedNode) {
       t[l] !== void 0 && (cancelAnimationFrame(t[l]), t[l] = void 0);
       return;
     }
@@ -5678,8 +5687,8 @@ function Jn(e, n, t) {
   const r = e.getBoundingClientRect();
   return n >= r.left && n <= r.right && t >= r.top && t <= r.bottom;
 }
-function gn(e, n, t) {
-  if (!W(t) || !t.draggedNode)
+function hn(e, n, t) {
+  if (!X(t) || !t.draggedNode)
     return;
   Nn(t);
   const { x: r, y: o } = e;
@@ -5687,10 +5696,10 @@ function gn(e, n, t) {
   const s = (l, p, u) => {
     Di(u, n, t, { axis: l, direction: p }), i = !0;
   }, d = (l) => {
-    const p = window.getComputedStyle(l), u = l.getBoundingClientRect(), c = Kn(l, n, p, u, {
+    const p = window.getComputedStyle(l), u = l.getBoundingClientRect(), c = Zn(l, n, p, u, {
       axis: "x",
       state: t
-    }), g = Kn(l, n, p, u, { axis: "y" });
+    }), g = Zn(l, n, p, u, { axis: "y" });
     (c.left || c.right) && (t.lastScrollContainerX = l, s("x", c.right ? "positive" : "negative", l)), (g.up || g.down) && (t.lastScrollContainerY = l, s("y", g.down ? "positive" : "negative", l));
   };
   if (t.lastScrollContainerX && Jn(t.lastScrollContainerX, r, o) && d(t.lastScrollContainerX), !i && t.lastScrollContainerY && Jn(t.lastScrollContainerY, r, o) && d(t.lastScrollContainerY), !i) {
@@ -5706,17 +5715,17 @@ function gn(e, n, t) {
 }
 function Si(e) {
   let n = document.elementFromPoint(e.x, e.y);
-  if (!hn(n)) return;
+  if (!fn(n)) return;
   let t, r = !0;
   for (; n && r; ) {
-    if (ue.has(n) || G.has(n)) {
-      r = !1, t = G.has(n);
+    if (ue.has(n) || Y.has(n)) {
+      r = !1, t = Y.has(n);
       break;
     }
     n = n.parentNode;
   }
   if (t) {
-    const o = G.get(n);
+    const o = Y.get(n);
     return o ? {
       parent: {
         el: n,
@@ -5726,7 +5735,7 @@ function Si(e) {
   } else {
     const o = ue.get(n);
     if (!o) return;
-    const i = G.get(n.parentNode);
+    const i = Y.get(n.parentNode);
     return i ? {
       node: {
         el: n,
@@ -5739,10 +5748,10 @@ function Si(e) {
     } : void 0;
   }
 }
-function hn(e) {
+function fn(e) {
   return e instanceof HTMLElement && e.parentNode instanceof HTMLElement;
 }
-function rn(e, n) {
+function on(e, n) {
   const t = new AbortController();
   for (const r in n) {
     const o = n[r];
@@ -5764,18 +5773,18 @@ function Ni(e, n) {
   const t = Ei(e);
   t && n(t);
 }
-var on = /* @__PURE__ */ new WeakMap();
+var an = /* @__PURE__ */ new WeakMap();
 function ki(e) {
-  const n = on.get(e);
+  const n = an.get(e);
   return n ? n[0] : (console.warn("No values found for parent element"), []);
 }
 function Ai(e, n) {
-  const t = on.get(n);
-  t && t[1](e), on.set(n, [e, t[1]]);
+  const t = an.get(n);
+  t && t[1](e), an.set(n, [e, t[1]]);
 }
 function $i(e, n) {
   return (t) => {
-    on.set(t, n), ja({ parent: t, getValues: ki, setValues: Ai, config: e });
+    an.set(t, n), ja({ parent: t, getValues: ki, setValues: Ai, config: e });
   };
 }
 function et(e) {
@@ -5785,26 +5794,26 @@ function et(e) {
   }));
 }
 function Ii(e, n = {}) {
-  const t = Ie(null), [r, o] = z(e);
+  const t = Ie(null), [r, o] = U(e);
   function i(s = {}) {
     et({ parent: t, state: [r, o], ...s });
   }
-  return Ee(() => {
+  return ke(() => {
     et({ parent: t, state: [r, o], ...n });
-  }, [r]), Ee(() => () => {
+  }, [r]), ke(() => () => {
     t.current && Dt(t.current);
   }, []), [t, r, o, i];
 }
 const nt = {
   border: {
     selected: {
-      color: E.palette.blue.B400
+      color: S.palette.blue.B400
     },
     clear: {
-      color: E.palette.neutral.N40
+      color: S.palette.neutral.N40
     }
   }
-}, Ri = w.ul`
+}, Ri = C.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -5813,7 +5822,7 @@ const nt = {
   gap: 12px;
   width: 100%;
   justify-content: ${({ $isEmpty: e }) => e ? "center" : "flex-start"};
-`, Fi = w.li`
+`, Fi = C.li`
   & > div {
     border: 1px solid
       ${({ theme: e, $active: n }) => {
@@ -5836,8 +5845,8 @@ const nt = {
   ), x = V.useRef(i);
   V.useEffect(() => {
     if (l) return;
-    const N = (C) => {
-      const I = C.detail ?? null;
+    const N = (D) => {
+      const I = D.detail ?? null;
       f(I);
     };
     return window.addEventListener(xn, N), () => window.removeEventListener(xn, N);
@@ -5846,10 +5855,10 @@ const nt = {
     l || window.dispatchEvent(
       new CustomEvent(xn, { detail: N })
     );
-  }, [l]), D = (N) => {
+  }, [l]), w = (N) => {
     var k;
     if (l) return;
-    const C = N.target, I = (k = C == null ? void 0 : C.closest) == null ? void 0 : k.call(C, "li.dnd-item"), F = (I == null ? void 0 : I.getAttribute("data-label")) || null;
+    const D = N.target, I = (k = D == null ? void 0 : D.closest) == null ? void 0 : k.call(D, "li.dnd-item"), F = (I == null ? void 0 : I.getAttribute("data-label")) || null;
     F && (f(F), y(F));
   }, T = V.useCallback(() => {
     l || (f(null), y(null));
@@ -5864,7 +5873,7 @@ const nt = {
     if (l) return;
     const N = x.current;
     if (g.length !== N.length && g.length === N.length + 1) {
-      const C = new Set(N), I = g.find((F) => !C.has(F)) || null;
+      const D = new Set(N), I = g.find((F) => !D.has(F)) || null;
       if (I) {
         const F = t === "left" ? "right" : "left";
         d == null || d({ item: I, from: F, to: t });
@@ -5872,9 +5881,9 @@ const nt = {
     }
     x.current = g;
   }, [g, t, d, l]);
-  const S = g.length === 0;
+  const E = g.length === 0;
   return /* @__PURE__ */ a(
-    je,
+    Ue,
     {
       legend: o,
       width: "100%",
@@ -5884,14 +5893,14 @@ const nt = {
         Ri,
         {
           ref: c,
-          onPointerDownCapture: l ? void 0 : D,
+          onPointerDownCapture: l ? void 0 : w,
           onPointerUpCapture: l ? void 0 : T,
           onPointerCancelCapture: l ? void 0 : T,
-          $isEmpty: S,
+          $isEmpty: E,
           $locked: l,
           "aria-disabled": l,
           "data-locked": l || void 0,
-          children: S ? /* @__PURE__ */ a(
+          children: E ? /* @__PURE__ */ a(
             oe,
             {
               background: !0,
@@ -5901,14 +5910,14 @@ const nt = {
               justifyContent: "center",
               children: /* @__PURE__ */ a($, { type: "label", size: "medium", appearance: "gray", padding: "12px", children: n || "No hay elementos en esta lista" })
             }
-          ) : g.map((N, C) => {
+          ) : g.map((N, D) => {
             const I = !l && h === N;
             return /* @__PURE__ */ a(
               Fi,
               {
                 className: `dnd-item${I ? " is-dragging" : ""}`,
                 "data-label": N,
-                "data-first": !!(s && C === 0) || void 0,
+                "data-first": !!(s && D === 0) || void 0,
                 $active: I,
                 children: /* @__PURE__ */ a(oe, { border: !0, borderRadius: "8px", width: "100%", children: /* @__PURE__ */ a(
                   $,
@@ -5929,7 +5938,7 @@ const nt = {
       )
     }
   );
-}, El = (e) => {
+}, Nl = (e) => {
   const { group: n = "clients", left: t, right: r, onMove: o, locked: i = !1 } = e, s = (d) => {
     i || o == null || o(d);
   };
@@ -5970,7 +5979,7 @@ const nt = {
       ]
     }
   );
-}, Li = w.div`
+}, Li = C.div`
   & > button {
     height: 66px;
     min-width: 66px;
@@ -5988,7 +5997,7 @@ const nt = {
       }
     }
   }
-`, Nl = (e) => /* @__PURE__ */ a(Li, { children: /* @__PURE__ */ a(q, { ...e }) }), Oi = w.div`
+`, kl = (e) => /* @__PURE__ */ a(Li, { children: /* @__PURE__ */ a(B, { ...e }) }), Oi = C.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -6017,11 +6026,11 @@ const nt = {
       }
     }
   }
-`, kl = (e) => {
+`, Al = (e) => {
   const { handleBack: n, handleNext: t, disabledBack: r, disabledNext: o, textValues: i } = e;
   return /* @__PURE__ */ m(Oi, { children: [
     /* @__PURE__ */ a(
-      q,
+      B,
       {
         ...e,
         iconBefore: /* @__PURE__ */ a(jt, {}),
@@ -6032,7 +6041,7 @@ const nt = {
       }
     ),
     /* @__PURE__ */ a(
-      q,
+      B,
       {
         ...e,
         iconBefore: /* @__PURE__ */ a(Ut, {}),
@@ -6046,27 +6055,27 @@ const nt = {
 }, ce = {
   border: {
     color: {
-      regular: E.palette.neutral.N40,
-      disabled: E.palette.neutral.N40,
-      focus: E.palette.blue.B300,
-      invalid: E.palette.red.R400
+      regular: S.palette.neutral.N40,
+      disabled: S.palette.neutral.N40,
+      focus: S.palette.blue.B300,
+      invalid: S.palette.red.R400
     }
   },
   background: {
     color: {
-      regular: E.palette.neutral.N0,
-      disabled: E.palette.neutral.N10
+      regular: S.palette.neutral.N0,
+      disabled: S.palette.neutral.N10
     }
   },
   content: {
     color: {
-      regular: E.palette.neutral.N900,
-      disabled: E.palette.neutral.N70
+      regular: S.palette.neutral.N900,
+      disabled: S.palette.neutral.N70
     }
   },
   placeholder: {
     color: {
-      regular: E.palette.neutral.N300
+      regular: S.palette.neutral.N300
     }
   },
   message: {
@@ -6077,11 +6086,11 @@ const nt = {
   },
   option: {
     background: {
-      regular: E.palette.neutral.N0,
-      hover: E.palette.neutral.N30
+      regular: S.palette.neutral.N0,
+      hover: S.palette.neutral.N30
     }
   }
-}, Pi = w.ul`
+}, Pi = C.ul`
   display: flex;
   flex-direction: column;
   padding: 4px 0px;
@@ -6157,17 +6166,17 @@ const nt = {
       children: n
     }
   );
-}, zi = w.div`
+}, zi = C.div`
   cursor: ${({ $disabled: e }) => e && "not-allowed"};
   width: ${({ $fullwidth: e }) => e ? "100%" : "fit-content"};
   position: relative;
-`, Vi = w.div`
+`, Vi = C.div`
   display: flex;
   align-items: center;
   margin-bottom: 4px;
   gap: 4px;
   pointer-events: ${({ $disabled: e }) => e && "none"};
-`, ji = w.div`
+`, ji = C.div`
   display: grid;
   height: ${({ $size: e }) => e === "compact" ? "40px" : "48px"};
   padding: 8px 16px;
@@ -6191,7 +6200,7 @@ const nt = {
   const o = ((s = (i = r == null ? void 0 : r.input) == null ? void 0 : i.border) == null ? void 0 : s.color) || ce.border.color;
   return e ? o.disabled : n ? o.invalid : t ? o.focus : o.regular;
 }};
-`, Ui = w.input`
+`, Ui = C.input`
   display: ${({ $inputWithData: e }) => e ? "none" : "block"};
   outline: none;
   padding: 0;
@@ -6203,19 +6212,19 @@ const nt = {
   cursor: ${({ readOnly: e, $disabled: n }) => n ? "not-allowed" : e ? "pointer" : "text"};
   font-family: ${({ theme: e }) => {
   var n, t, r;
-  return ((r = (t = (n = e == null ? void 0 : e.typography) == null ? void 0 : n.body) == null ? void 0 : t.large) == null ? void 0 : r.font) || E.typography.body.large.font;
+  return ((r = (t = (n = e == null ? void 0 : e.typography) == null ? void 0 : n.body) == null ? void 0 : t.large) == null ? void 0 : r.font) || S.typography.body.large.font;
 }};
   font-size: ${({ theme: e }) => {
   var n, t, r;
-  return ((r = (t = (n = e == null ? void 0 : e.typography) == null ? void 0 : n.body) == null ? void 0 : t.large) == null ? void 0 : r.size) || E.typography.body.large.size;
+  return ((r = (t = (n = e == null ? void 0 : e.typography) == null ? void 0 : n.body) == null ? void 0 : t.large) == null ? void 0 : r.size) || S.typography.body.large.size;
 }};
   line-height: ${({ theme: e }) => {
   var n, t, r;
-  return ((r = (t = (n = e == null ? void 0 : e.typography) == null ? void 0 : n.body) == null ? void 0 : t.large) == null ? void 0 : r.lineHeight) || E.typography.body.large.lineHeight;
+  return ((r = (t = (n = e == null ? void 0 : e.typography) == null ? void 0 : n.body) == null ? void 0 : t.large) == null ? void 0 : r.lineHeight) || S.typography.body.large.lineHeight;
 }};
   letter-spacing: ${({ theme: e }) => {
   var n, t, r;
-  return ((r = (t = (n = e == null ? void 0 : e.typography) == null ? void 0 : n.body) == null ? void 0 : t.large) == null ? void 0 : r.tracking) || E.typography.body.large.tracking;
+  return ((r = (t = (n = e == null ? void 0 : e.typography) == null ? void 0 : n.body) == null ? void 0 : t.large) == null ? void 0 : r.tracking) || S.typography.body.large.tracking;
 }};
   font-weight: ${({ theme: e }) => {
   var n, t, r;
@@ -6249,7 +6258,7 @@ const nt = {
   &:-webkit-autofill {
     -webkit-background-clip: text;
   }
-`, _i = w.div`
+`, _i = C.div`
   display: flex;
   justify-content: flex-end;
   transition: ease;
@@ -6265,7 +6274,7 @@ const qi = (e) => {
   const { message: n } = e, t = Rn($n), r = ((i = (o = t == null ? void 0 : t.input) == null ? void 0 : o.message) == null ? void 0 : i.appearance) || ce.message.appearance;
   return /* @__PURE__ */ m(v, { alignItems: "center", gap: "4px", margin: "4px 0 0 16px", children: [
     /* @__PURE__ */ a(
-      M,
+      j,
       {
         appearance: r,
         icon: /* @__PURE__ */ a(Ht, {}),
@@ -6284,7 +6293,7 @@ const qi = (e) => {
     )
   ] });
 }, Bi = Qt((e, n) => {
-  var Ae, ve;
+  var me, L;
   const {
     displayList: t,
     disabled: r,
@@ -6301,25 +6310,25 @@ const qi = (e) => {
     required: f,
     size: x,
     value: y,
-    picker: D,
+    picker: w,
     showChevron: T,
-    checkedItems: S,
+    checkedItems: E,
     editable: N = !1,
-    clearable: C,
+    clearable: D,
     onKeyUp: I,
     onBlur: F,
     onChange: k,
-    onClick: _,
-    onFocus: ae,
-    onOptionClick: he,
-    onCheckboxChange: fe,
-    handleClear: pe
-  } = e, ie = Rn($n), me = ((ve = (Ae = ie == null ? void 0 : ie.input) == null ? void 0 : Ae.required) == null ? void 0 : ve.appearance) || ce.required.appearance, be = f && !r, P = D || y === "" ? "" : rt(g, y), de = dt(
-    () => g.filter((U) => S.includes(U.id)),
-    [g, S]
-  ), ke = (U, L) => {
-    U.stopPropagation(), fe({
-      target: { checked: !1, value: L }
+    onClick: H,
+    onFocus: se,
+    onOptionClick: ve,
+    onCheckboxChange: pe,
+    handleClear: ge
+  } = e, ae = Rn($n), ye = ((L = (me = ae == null ? void 0 : ae.input) == null ? void 0 : me.required) == null ? void 0 : L.appearance) || ce.required.appearance, Se = f && !r, de = w || y === "" ? "" : rt(g, y), he = dt(
+    () => g.filter((O) => E.includes(O.id)),
+    [g, E]
+  ), fe = (O, M) => {
+    O.stopPropagation(), pe({
+      target: { checked: !1, value: M }
     });
   };
   return /* @__PURE__ */ m(zi, { $fullwidth: i, $disabled: r, ref: n, children: [
@@ -6342,7 +6351,7 @@ const qi = (e) => {
               children: l
             }
           ),
-          be && /* @__PURE__ */ a($, { appearance: me, size: "small", type: "body", children: "(Requerido)" })
+          Se && /* @__PURE__ */ a($, { appearance: ye, size: "small", type: "body", children: "(Requerido)" })
         ]
       }
     ),
@@ -6352,7 +6361,7 @@ const qi = (e) => {
         $disabled: r,
         $focused: o,
         $invalid: d,
-        onClick: N ? void 0 : _,
+        onClick: N ? void 0 : H,
         $value: y,
         $size: x,
         children: [
@@ -6361,7 +6370,7 @@ const qi = (e) => {
             {
               $inputWithData: !!y,
               autoComplete: "off",
-              value: P,
+              value: de,
               name: c,
               id: s,
               placeholder: h,
@@ -6371,10 +6380,10 @@ const qi = (e) => {
               $fullwidth: i,
               $focused: o,
               readOnly: !N,
-              onFocus: ae,
+              onFocus: se,
               onBlur: F,
-              onChange: (U) => k(c, U.target.value),
-              onClick: N ? _ : void 0,
+              onChange: (O) => k(c, O.target.value),
+              onClick: N ? H : void 0,
               onKeyUp: I
             }
           ),
@@ -6386,30 +6395,30 @@ const qi = (e) => {
               alignItems: "center",
               justifyContent: "space-between",
               children: [
-                /* @__PURE__ */ a(v, { gap: "8px", alignItems: "center", wrap: "wrap", children: C && !r && (D ? de.map((U) => /* @__PURE__ */ a(
-                  De,
+                /* @__PURE__ */ a(v, { gap: "8px", alignItems: "center", wrap: "wrap", children: D && !r && (w ? he.map((O) => /* @__PURE__ */ a(
+                  Ee,
                   {
                     appearance: "gray",
-                    label: U.label,
+                    label: O.label,
                     removable: !0,
                     displayIcon: !1,
-                    onClose: (L) => ke(L, U.id)
+                    onClose: (M) => fe(M, O.id)
                   },
-                  U.id
+                  O.id
                 )) : (y ?? "") !== "" && /* @__PURE__ */ a(
-                  De,
+                  Ee,
                   {
                     appearance: "gray",
                     label: rt(g, y),
                     removable: !0,
                     displayIcon: !1,
-                    onClose: (U) => {
-                      U.stopPropagation(), pe();
+                    onClose: (O) => {
+                      O.stopPropagation(), ge();
                     }
                   }
                 )) }),
                 T && /* @__PURE__ */ a(_i, { $displayList: t, children: /* @__PURE__ */ a(
-                  M,
+                  j,
                   {
                     appearance: "dark",
                     icon: /* @__PURE__ */ a(_t, {}),
@@ -6428,18 +6437,18 @@ const qi = (e) => {
       Mi,
       {
         maxItems: p,
-        onOptionClick: he,
+        onOptionClick: ve,
         options: g,
-        children: g.map((U) => /* @__PURE__ */ a(
+        children: g.map((O) => /* @__PURE__ */ a(
           Xt,
           {
-            id: U.id,
-            label: U.label,
-            checked: S.includes(U.id),
-            onCheckboxChange: fe,
-            picker: D
+            id: O.id,
+            label: O.label,
+            checked: E.includes(O.id),
+            onCheckboxChange: pe,
+            picker: w
           },
-          U.id
+          O.id
         ))
       }
     )
@@ -6462,77 +6471,77 @@ const qi = (e) => {
     options: f,
     placeholder: x,
     required: y = !1,
-    size: D = "wide",
+    size: w = "wide",
     value: T,
-    showOptions: S = !1,
+    showOptions: E = !1,
     picker: N = !1,
-    showChevron: C = !0,
+    showChevron: D = !0,
     editable: I = !1,
     clearable: F = !0
-  } = e, [k, _] = z(!1), [ae, he] = z(!1), [fe, pe] = z([]), ie = Ie(null);
-  Ee(() => {
+  } = e, [k, H] = U(!1), [se, ve] = U(!1), [pe, ge] = U([]), ae = Ie(null);
+  ke(() => {
     if (N) {
-      const L = T ? T.split(",").map((X) => X.trim()) : [];
-      pe(L);
+      const M = T ? T.split(",").map((P) => P.trim()) : [];
+      ge(M);
     }
   }, [T, N]);
-  function me() {
-    u(l, ""), pe([]), _(!1);
+  function ye() {
+    u(l, ""), ge([]), H(!1);
   }
-  function be(L) {
+  function Se(M) {
     if (!n) {
-      _(!k);
+      H(!k);
       try {
-        c && c(L);
-      } catch (X) {
-        console.error(`Error when clicking over select. ${X}`);
+        c && c(M);
+      } catch (P) {
+        console.error(`Error when clicking over select. ${P}`);
       }
     }
   }
-  const P = Zt((L) => {
-    ie.current && L.target && !ie.current.contains(L.target) && _(!1);
+  const de = Kt((M) => {
+    ae.current && M.target && !ae.current.contains(M.target) && H(!1);
   }, []);
-  function de(L) {
+  function he(M) {
     try {
-      L.type === "focus" && (he(!0), g && g(L)), L.type === "blur" && (he(!1), p && p(L));
-    } catch (X) {
-      console.error(`Error executing focus/blur callback. ${X}`);
+      M.type === "focus" && (ve(!0), g && g(M)), M.type === "blur" && (ve(!1), p && p(M));
+    } catch (P) {
+      console.error(`Error executing focus/blur callback. ${P}`);
     }
   }
-  function ke(L) {
-    _(!1);
+  function fe(M) {
+    H(!1);
     try {
-      u && u(l, L);
-    } catch (X) {
-      console.error(`Error when changing value using callback. ${X}`);
+      u && u(l, M);
+    } catch (P) {
+      console.error(`Error when changing value using callback. ${P}`);
     }
   }
-  function Ae(L) {
-    L.key === "Escape" && _(!1), _(!k);
+  function me(M) {
+    M.key === "Escape" && H(!1), H(!k);
     try {
-      h && h(L);
-    } catch (X) {
-      console.error(`Error when clicking over select. ${X}`);
+      h && h(M);
+    } catch (P) {
+      console.error(`Error when clicking over select. ${P}`);
     }
   }
-  function ve(L) {
-    const { value: X, checked: Pn } = L.target;
-    pe((ze) => {
-      const R = Pn ? [...ze, X] : ze.filter((H) => H !== X);
+  function L(M) {
+    const { value: P, checked: Pn } = M.target;
+    ge((Ve) => {
+      const R = Pn ? [...Ve, P] : Ve.filter((q) => q !== P);
       return u(l, R.join(",")), R;
     });
   }
-  Ee(() => (document.addEventListener("click", P), () => {
-    document.removeEventListener("click", P);
-  }), [P]);
-  const U = dt(() => F || N ? f : [{ id: "empty-option", label: "", value: "" }, ...f], [f, F, N]);
+  ke(() => (document.addEventListener("click", de), () => {
+    document.removeEventListener("click", de);
+  }), [de]);
+  const O = dt(() => F || N ? f : [{ id: "empty-option", label: "", value: "" }, ...f], [f, F, N]);
   return /* @__PURE__ */ a(
     Bi,
     {
-      ref: ie,
+      ref: ae,
       disabled: n,
-      displayList: k || S,
-      focused: ae,
+      displayList: k || E,
+      focused: se,
       fullwidth: t,
       id: r,
       invalid: o,
@@ -6540,27 +6549,27 @@ const qi = (e) => {
       maxItems: s,
       message: d,
       name: l,
-      options: U,
+      options: O,
       placeholder: x,
       required: y,
-      size: D,
+      size: w,
       value: T,
       picker: N,
-      showChevron: C,
-      checkedItems: fe,
+      showChevron: D,
+      checkedItems: pe,
       editable: I,
       clearable: F,
-      handleClear: me,
-      onBlur: de,
+      handleClear: ye,
+      onBlur: he,
       onChange: u,
-      onClick: be,
-      onFocus: de,
-      onOptionClick: ke,
-      onKeyUp: Ae,
-      onCheckboxChange: ve
+      onClick: Se,
+      onFocus: he,
+      onOptionClick: fe,
+      onKeyUp: me,
+      onCheckboxChange: L
     }
   );
-}, Al = (e) => {
+}, $l = (e) => {
   const {
     disabled: n = !1,
     fullwidth: t = !1,
@@ -6597,20 +6606,29 @@ const qi = (e) => {
       picker: !0
     }
   );
-}, $l = (e) => Object.values(e).flat(), Il = (e, n) => {
-  const t = Be(e);
+}, Il = (e) => Object.values(e).flat(), Rl = (e, n) => {
+  const t = Oe(e);
   return Object.fromEntries(
     Object.entries(t).map(([r, o]) => [r, o.map(n)])
   );
-}, Ve = /* @__PURE__ */ new Map(), Yi = (e, n) => Ve.get(`${n}:${e}`), Wi = (e, n, t) => {
+}, Yi = (e) => Object.entries(e).map(([n, t]) => ({
+  ConditionGroupId: n,
+  conditionsThatEstablishesTheDecision: tn(t)
+})), Fl = (e) => {
+  const n = Oe(e), t = {
+    ...e,
+    conditionGroups: Yi(n)
+  };
+  return delete t.conditionsThatEstablishesTheDecision, t;
+}, je = /* @__PURE__ */ new Map(), Wi = (e, n) => je.get(`${n}:${e}`), Xi = (e, n, t) => {
   const r = `${n}:${e}`;
-  if (Ve.set(r, t), Ve.size > 1e3) {
-    const o = Ve.keys().next().value;
-    o !== void 0 && Ve.delete(o);
+  if (je.set(r, t), je.size > 1e3) {
+    const o = je.keys().next().value;
+    o !== void 0 && je.delete(o);
   }
-}, ot = /* @__PURE__ */ new Map(), Xi = 1e3, Qi = (e) => {
+}, ot = /* @__PURE__ */ new Map(), Qi = 1e3, Ki = (e) => {
   const n = Date.now(), t = ot.get(e) || 0;
-  return n - t < Xi ? !0 : (ot.set(e, n), !1);
+  return n - t < Qi ? !0 : (ot.set(e, n), !1);
 }, Zi = (e) => {
   const n = er(e);
   return {
@@ -6621,10 +6639,10 @@ const qi = (e) => {
     ita: "it",
     por: "pt"
   }[n] || "en";
-}, Ki = async (e, n, { url: t, apiKey: r }) => {
-  const o = `${n}:${e}`, i = Yi(e, n);
+}, Ji = async (e, n, { url: t, apiKey: r }) => {
+  const o = `${n}:${e}`, i = Wi(e, n);
   if (i) return i;
-  if (Qi(o))
+  if (Ki(o))
     return console.warn(`[Throttle] Skipped translation for: "${e}"`), e;
   const s = Zi(e);
   try {
@@ -6642,15 +6660,15 @@ const qi = (e) => {
         }
       }
     ), l = (d == null ? void 0 : d.translatedText) || e;
-    return Wi(e, n, l), l;
+    return Xi(e, n, l), l;
   } catch (d) {
     return console.warn(`[Translation] Failed for: "${e}"`, d), e;
   }
-}, Ji = (e) => typeof e == "string" && e.trim().length > 0, at = async (e, n, t) => {
+}, el = (e) => typeof e == "string" && e.trim().length > 0, at = async (e, n, t) => {
   const r = await Promise.all(
     Object.entries(e).map(async ([o, i]) => {
-      if (Ji(i)) {
-        const s = await Ki(i, n, t);
+      if (el(i)) {
+        const s = await Ji(i, n, t);
         return [o, s];
       } else if (Array.isArray(i)) {
         const s = await Promise.all(
@@ -6669,38 +6687,40 @@ const qi = (e) => {
   return Object.fromEntries(r);
 };
 export {
-  kl as BackAndNextButton,
+  Al as BackAndNextButton,
   Xe as BusinessRuleCard,
   gt as BusinessRuleCardNew,
   Fn as BusinessRuleView,
   ft as BusinessRuleViewNew,
-  gl as BusinessRules,
-  fl as BusinessRulesNew,
-  hl as BusinessRulesWithGroup,
-  Al as Checkpicker,
-  El as DragAndDropBoxes,
+  hl as BusinessRules,
+  ml as BusinessRulesNew,
+  fl as BusinessRulesWithGroup,
+  $l as Checkpicker,
+  Nl as DragAndDropBoxes,
   tt as DraggableList,
   ka as DropdownMenu,
-  Sl as DropdownMenuContainer,
-  ge as EValueHowToSetUp,
-  ml as Filter,
-  bl as FilterModal,
-  vl as FormFilter,
+  El as DropdownMenuContainer,
+  be as EValueHowToSetUp,
+  bl as Filter,
+  vl as FilterModal,
+  yl as FormFilter,
   ut as ModalRules,
   Ta as RulesForm,
-  Nl as SendButton,
+  kl as SendButton,
   _o as buildEsConditionSentence,
   da as convertRangeToString,
   ht as filterByGroup,
-  $l as flatFromGroups,
-  yl as formatDecisionForBackend,
-  Be as getConditionsByGroup,
-  Il as mapByGroup,
-  xl as parseRangeFromString,
-  Tl as revertSortedDataSampleSwitchPlaces,
-  wl as revertSortedDataSwitchPlaces,
-  Cl as sortDisplayDataSampleSwitchPlaces,
-  Dl as sortDisplayDataSwitchPlaces,
+  Il as flatFromGroups,
+  xl as formatDecisionForBackend,
+  Oe as getConditionsByGroupNew,
+  Yi as groupsRecordToArrayNew,
+  Rl as mapByGroupNew,
+  Fl as normalizeDecisionToNewShape,
+  Tl as parseRangeFromString,
+  wl as revertSortedDataSampleSwitchPlaces,
+  Cl as revertSortedDataSwitchPlaces,
+  Dl as sortDisplayDataSampleSwitchPlaces,
+  Sl as sortDisplayDataSwitchPlaces,
   at as translateObject,
-  Ki as translateText
+  Ji as translateText
 };