@isettingkit/business-rules 2.0.5 → 2.0.7

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as v, Fragment as G } from "react/jsx-runtime";
 import { MdOutlineDelete as pn, MdClear as gn, MdAdd as fn, MdOutlineCreate as ft, MdExpandLess as ht, MdExpandMore as an, MdInfo as mt, MdCached as bt, MdOutlineInfo as vt, MdClose as yt, MdOutlineFilterAltOff as jn, MdOutlineFilterAlt as Bn, MdChevronRight as Dn, MdArrowRight as xt, MdOutlineArrowCircleLeft as wt, MdOutlineArrowCircleRight as Dt, MdOutlineChevronRight as Ct, MdOutlineError as Tt } from "react-icons/md";
-import { inube as S, Stack as w, Divider as Z, Icon as O, Text as I, SkeletonLine as ie, useMediaQuery as re, Blanket as hn, Button as B, Grid as Xe, Box as St, Tag as me, SkeletonIcon as Et, Checkbox as Un, Date as Be, Fieldset as Le, Tabs as Nt, OptionList as kt, Checkpicker as $t, Toggle as _n, Label as At, OptionItem as It } from "@inubekit/inubekit";
+import { inube as S, Stack as w, Divider as Z, Icon as O, Text as A, SkeletonLine as ie, useMediaQuery as re, Blanket as hn, Button as B, Grid as Xe, Box as St, Tag as me, SkeletonIcon as Et, Checkbox as Un, Date as Be, Fieldset as Le, Tabs as Nt, OptionList as kt, Checkpicker as $t, Toggle as _n, Label as It, OptionItem as At } from "@inubekit/inubekit";
 import T, { keyframes as qn, ThemeContext as mn } from "styled-components";
 import { ValueDataType as X, ValueHowToSetUp as te, DecisionConditionRenderNew as Cn, DecisionConditionRender as Tn } from "@isettingkit/input";
 import { DecisionViewConditionRenderer as en, DecisionViewConditionRendererNew as Ve } from "@isettingkit/view";
@@ -70,14 +70,14 @@ const yn = (e) => {
   from: e.from ?? "",
   to: e.to ?? ""
 }), Bt = (e) => e.value, Ut = (e) => e.value, _t = (e) => e.value;
-var A = /* @__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))(A || {});
+var I = /* @__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))(I || {});
 const qt = {
-  [A.LIST_OF_VALUES]: Vt,
-  [A.LIST_OF_VALUES_MULTI]: Ht,
-  [A.RANGE]: jt,
-  [A.GREATER_THAN]: Bt,
-  [A.LESS_THAN]: Ut,
-  [A.EQUAL]: _t
+  [I.LIST_OF_VALUES]: Vt,
+  [I.LIST_OF_VALUES_MULTI]: Ht,
+  [I.RANGE]: jt,
+  [I.GREATER_THAN]: Bt,
+  [I.LESS_THAN]: Ut,
+  [I.EQUAL]: _t
 }, Pe = (e) => {
   const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), r = qt[e == null ? void 0 : e.howToSetTheDecision] || zt;
   return t && r(n) || n || void 0;
@@ -141,7 +141,7 @@ const qt = {
         height: "203px",
         children: [
           p.length > 0 && /* @__PURE__ */ i(
-            I,
+            A,
             {
               type: "label",
               size: "large",
@@ -304,7 +304,7 @@ const qt = {
   return bn(
     /* @__PURE__ */ i(Yt, { smallScreen: l, children: /* @__PURE__ */ i(hn, { children: /* @__PURE__ */ i(Xt, { children: /* @__PURE__ */ v(w, { direction: "column", gap: "24px", children: [
       /* @__PURE__ */ i(w, { direction: "column", gap: "24px", children: /* @__PURE__ */ v(w, { alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ i(I, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
+        /* @__PURE__ */ i(A, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
         /* @__PURE__ */ i(gn, { size: "24px", cursor: "pointer", onClick: r })
       ] }) }),
       n
@@ -406,7 +406,7 @@ const Qt = T.div`
 }, er = (e) => {
   const { decision: n, controls: t, handleOpenModal: r, handleDelete: o, textValues: a } = e;
   return n ? /* @__PURE__ */ i(xn, { children: /* @__PURE__ */ v(w, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
-    /* @__PURE__ */ i(I, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: n.decisionId }),
+    /* @__PURE__ */ i(A, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: n.decisionId }),
     /* @__PURE__ */ i(
       yn,
       {
@@ -426,7 +426,7 @@ const Qt = T.div`
     shouldRenderEmptyMessage: o
   } = e, a = n || "Agregar decisión";
   return /* @__PURE__ */ i(xn, { children: o ? null : /* @__PURE__ */ v(w, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
-    /* @__PURE__ */ i(I, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
+    /* @__PURE__ */ i(A, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
     /* @__PURE__ */ i(
       Qt,
       {
@@ -441,7 +441,7 @@ const Qt = T.div`
             controls: !1,
             children: /* @__PURE__ */ v(w, { direction: "column", gap: "12px", alignItems: "center", children: [
               /* @__PURE__ */ i(O, { appearance: "gray", icon: /* @__PURE__ */ i(fn, {}), size: "35px" }),
-              /* @__PURE__ */ i(I, { appearance: "gray", type: "body", size: "large", children: a })
+              /* @__PURE__ */ i(A, { appearance: "gray", type: "body", size: "large", children: a })
             ] })
           }
         )
@@ -524,10 +524,10 @@ const Qt = T.div`
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ i(I, { as: "span", type: "label", size: "large", appearance: "gray", children: r || /* @__PURE__ */ v(G, { children: [
+          /* @__PURE__ */ i(A, { as: "span", type: "label", size: "large", appearance: "gray", children: r || /* @__PURE__ */ v(G, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
             /* @__PURE__ */ v(
-              I,
+              A,
               {
                 as: "span",
                 type: "label",
@@ -609,12 +609,12 @@ const Qt = T.div`
   from: e.from ?? "",
   to: e.to ?? ""
 }), sr = (e) => e.value, dr = (e) => e.value, cr = (e) => e.value, ur = {
-  [A.LIST_OF_VALUES]: ar,
-  [A.LIST_OF_VALUES_MULTI]: ir,
-  [A.RANGE]: lr,
-  [A.GREATER_THAN]: sr,
-  [A.LESS_THAN]: dr,
-  [A.EQUAL]: cr
+  [I.LIST_OF_VALUES]: ar,
+  [I.LIST_OF_VALUES_MULTI]: ir,
+  [I.RANGE]: lr,
+  [I.GREATER_THAN]: sr,
+  [I.LESS_THAN]: dr,
+  [I.EQUAL]: cr
 }, Oe = (e) => {
   const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), r = ur[e == null ? void 0 : e.howToSetTheDecision] || or;
   return t && r(n) || n || void 0;
@@ -815,7 +815,7 @@ const gr = T.div`
       /* @__PURE__ */ i(Z, { dashed: !0 }),
       /* @__PURE__ */ v(w, { direction: "column", gap: "12px", children: [
         /* @__PURE__ */ i(
-          I,
+          A,
           {
             type: "label",
             size: "large",
@@ -1113,7 +1113,7 @@ const vr = T.div`
               alignItems: "center",
               padding: "16px",
               children: [
-                /* @__PURE__ */ i(I, { appearance: "gray", type: "label", size: "large", weight: "bold", children: n || "Agregar decisión" }),
+                /* @__PURE__ */ i(A, { appearance: "gray", type: "label", size: "large", weight: "bold", children: n || "Agregar decisión" }),
                 /* @__PURE__ */ i(
                   O,
                   {
@@ -1226,7 +1226,7 @@ const vr = T.div`
         /* @__PURE__ */ v(w, { alignItems: "center", justifyContent: "space-between", children: [
           /* @__PURE__ */ v(w, { direction: "column", gap: "8px", children: [
             /* @__PURE__ */ i(
-              I,
+              A,
               {
                 type: "title",
                 size: "medium",
@@ -1235,7 +1235,7 @@ const vr = T.div`
                 children: a
               }
             ),
-            /* @__PURE__ */ i(I, { size: "medium", appearance: "gray", children: t })
+            /* @__PURE__ */ i(A, { size: "medium", appearance: "gray", children: t })
           ] }),
           /* @__PURE__ */ i(gn, { size: "24px", cursor: "pointer", onClick: o })
         ] }),
@@ -1245,14 +1245,14 @@ const vr = T.div`
     ] }) }) }) }),
     l
   );
-}, Ar = (e) => ({
+}, Ir = (e) => ({
   schema: Ne().required("Requerido").test(
     "non-empty",
     "El valor no puede estar vacío",
     (n) => n != null && n.trim() !== ""
   ),
   value: e
-}), Ir = (e) => ({
+}), Ar = (e) => ({
   schema: We().test(
     "isArrayOrString",
     "Por favor selecciona una opcion",
@@ -1293,13 +1293,13 @@ const vr = T.div`
   schema: Ne().required("Requerido"),
   value: e
 }, Lr = {
-  [A.LIST_OF_VALUES]: Ir,
-  [A.LIST_OF_VALUES_MULTI]: Rr,
-  [A.RANGE]: Fr,
-  [A.GREATER_THAN]: nn,
-  [A.LESS_THAN]: nn,
-  [A.EQUAL]: nn
-}, Nn = (e) => Lr[e] || Ar;
+  [I.LIST_OF_VALUES]: Ar,
+  [I.LIST_OF_VALUES_MULTI]: Rr,
+  [I.RANGE]: Fr,
+  [I.GREATER_THAN]: nn,
+  [I.LESS_THAN]: nn,
+  [I.EQUAL]: nn
+}, Nn = (e) => Lr[e] || Ir;
 var et = /* @__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))(et || {});
 function Pr({
   decision: e,
@@ -1479,7 +1479,7 @@ const Or = T.div`
   }, L = re("(max-width: 400px)");
   return /* @__PURE__ */ v(w, { direction: "column", width: "100%", gap: "20px", children: [
     /* @__PURE__ */ v(w, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ i(I, { appearance: "dark", size: "large", type: "label", children: "¿La vigencia para este decisión es cerrada?" }),
+      /* @__PURE__ */ i(A, { appearance: "dark", size: "large", type: "label", children: "¿La vigencia para este decisión es cerrada?" }),
       /* @__PURE__ */ i(
         Un,
         {
@@ -1615,7 +1615,7 @@ const Or = T.div`
           },
           C.conditionName
         )) }),
-        p && /* @__PURE__ */ i(I, { type: "label", size: "medium", appearance: "danger", children: t ?? "Existen errores en el formulario, por favor revísalos." })
+        p && /* @__PURE__ */ i(A, { type: "label", size: "medium", appearance: "danger", children: t ?? "Existen errores en el formulario, por favor revísalos." })
       ] }) }),
       /* @__PURE__ */ i(Le, { legend: "Vigencia", spacing: "wide", children: f.terms && /* @__PURE__ */ i(
         Mr,
@@ -1648,7 +1648,7 @@ const Or = T.div`
         title: "Redefinir la condición",
         onCloseModal: y,
         children: /* @__PURE__ */ v(w, { direction: "column", gap: "16px", children: [
-          /* @__PURE__ */ i(I, { 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__ */ i(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__ */ v(w, { justifyContent: "end", gap: "12px", children: [
             /* @__PURE__ */ i(
               B,
@@ -1739,7 +1739,7 @@ const Or = T.div`
       const H = `conditionsThatEstablishesTheDecision.${N.conditionName}`;
       s.setFieldValue(H, De(N)), s.setFieldTouched(H, !1, !1);
     });
-  }, [Ae, ae] = M.useState(!1);
+  }, [Ie, ae] = M.useState(!1);
   return /* @__PURE__ */ i(
     zr,
     {
@@ -1764,7 +1764,7 @@ const Or = T.div`
       visibleConditionsByGroup: f,
       handleToggleNoneChange: p,
       portalId: "redefine-confirm-portal",
-      showRedefineConfirm: Ae,
+      showRedefineConfirm: Ie,
       onOpenRedefineConfirm: () => ae(!0),
       onCloseRedefineConfirm: () => ae(!1),
       onConfirmRedefine: () => {
@@ -1825,7 +1825,7 @@ const Or = T.div`
             }
           ),
           /* @__PURE__ */ i(
-            I,
+            A,
             {
               type: "title",
               size: "medium",
@@ -1834,7 +1834,7 @@ const Or = T.div`
               children: "Sin decisiones"
             }
           ),
-          /* @__PURE__ */ i(I, { as: "span", size: "medium", appearance: "gray", children: r || /* @__PURE__ */ v(G, { children: [
+          /* @__PURE__ */ i(A, { as: "span", size: "medium", appearance: "gray", children: r || /* @__PURE__ */ v(G, { children: [
             "Aun no tienes decisiones definidas, para empezar haz clic en",
             t || ' "Agregar decisión"'
           ] }) })
@@ -2056,7 +2056,7 @@ const _r = T.div`
               }
             ),
             /* @__PURE__ */ i(
-              I,
+              A,
               {
                 textAlign: "start",
                 size: "medium",
@@ -2139,7 +2139,7 @@ const _r = T.div`
           alignItems: "center",
           padding: "0px 8px",
           border: !0,
-          children: y ? /* @__PURE__ */ i(I, { size: "small", type: "label", appearance: "gray", children: o }) : /* @__PURE__ */ v(G, { children: [
+          children: y ? /* @__PURE__ */ i(A, { size: "small", type: "label", appearance: "gray", children: o }) : /* @__PURE__ */ v(G, { children: [
             c.map((E) => /* @__PURE__ */ i(
               me,
               {
@@ -2247,9 +2247,9 @@ const _r = T.div`
     /* @__PURE__ */ i(hn, { children: /* @__PURE__ */ v(Wr, { $smallScreen: p, children: [
       /* @__PURE__ */ v(w, { direction: "column", gap: "16px", children: [
         /* @__PURE__ */ v(w, { alignContent: "center", justifyContent: "space-between", children: [
-          /* @__PURE__ */ i(I, { appearance: "dark", size: "small", type: "headline", children: s }),
+          /* @__PURE__ */ i(A, { appearance: "dark", size: "small", type: "headline", children: s }),
           /* @__PURE__ */ v(w, { alignItems: "center", children: [
-            /* @__PURE__ */ i(I, { children: "Cerrar" }),
+            /* @__PURE__ */ i(A, { children: "Cerrar" }),
             /* @__PURE__ */ i(
               O,
               {
@@ -2309,7 +2309,7 @@ const _r = T.div`
             border: !0,
             width: "100%",
             height: "36px",
-            children: l ? /* @__PURE__ */ i(I, { size: "small", type: "label", appearance: "gray", children: o }) : n == null ? void 0 : n.map((d) => /* @__PURE__ */ i(
+            children: l ? /* @__PURE__ */ i(A, { size: "small", type: "label", appearance: "gray", children: o }) : n == null ? void 0 : n.map((d) => /* @__PURE__ */ i(
               me,
               {
                 appearance: "primary",
@@ -2463,12 +2463,12 @@ const _r = T.div`
   schema: Ne().required("Requerido"),
   value: e
 }, no = {
-  [A.LIST_OF_VALUES]: Zr,
-  [A.LIST_OF_VALUES_MULTI]: Jr,
-  [A.RANGE]: eo,
-  [A.GREATER_THAN]: tn,
-  [A.LESS_THAN]: tn,
-  [A.EQUAL]: tn
+  [I.LIST_OF_VALUES]: Zr,
+  [I.LIST_OF_VALUES_MULTI]: Jr,
+  [I.RANGE]: eo,
+  [I.GREATER_THAN]: tn,
+  [I.LESS_THAN]: tn,
+  [I.EQUAL]: tn
 }, $n = (e) => no[e] || Kr;
 function to({
   decision: e,
@@ -2601,7 +2601,7 @@ function to({
           void 0
         );
       else {
-        const u = c.howToSetTheCondition === A.LIST_OF_VALUES_MULTI ? [] : "";
+        const u = c.howToSetTheCondition === I.LIST_OF_VALUES_MULTI ? [] : "";
         o.setFieldValue(
           `conditionsThatEstablishesTheDecision.${c.conditionName}`,
           u
@@ -2660,7 +2660,7 @@ const ro = T.div`
         onChange: c,
         size: "small",
         value: d,
-        children: /* @__PURE__ */ i(I, { size: "medium", type: "label", weight: "bold", children: a })
+        children: /* @__PURE__ */ i(A, { size: "medium", type: "label", weight: "bold", children: a })
       }
     ) }),
     s && /* @__PURE__ */ i(G, { children: t })
@@ -2690,7 +2690,7 @@ const ro = T.div`
   return /* @__PURE__ */ v(G, { children: [
     /* @__PURE__ */ v(w, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ i(
-        I,
+        A,
         {
           appearance: "gray",
           margin: "10px 0",
@@ -2791,7 +2791,7 @@ const ro = T.div`
               alignItems: "center",
               gap: "64px",
               children: [
-                /* @__PURE__ */ i(I, { type: "title", size: "small", weight: "bold", appearance: "gray", children: t.factsThatConditionIt }),
+                /* @__PURE__ */ i(A, { type: "title", size: "small", weight: "bold", appearance: "gray", children: t.factsThatConditionIt }),
                 /* @__PURE__ */ i(
                   _n,
                   {
@@ -2799,7 +2799,7 @@ const ro = T.div`
                     onChange: () => l(!n.values.toggleNone),
                     checked: n.values.toggleNone,
                     size: "small",
-                    children: /* @__PURE__ */ i(I, { as: "span", size: "medium", type: "label", weight: "bold", children: t.none })
+                    children: /* @__PURE__ */ i(A, { as: "span", size: "medium", type: "label", weight: "bold", children: t.none })
                   }
                 )
               ]
@@ -2814,7 +2814,7 @@ const ro = T.div`
               checked: !n.values.toggleNone && n.values.conditionsThatEstablishesTheDecision[u.conditionName] !== void 0,
               handleToggleChange: (g) => d(
                 u.conditionName,
-                u.howToSetTheCondition === A.LIST_OF_VALUES_MULTI
+                u.howToSetTheCondition === I.LIST_OF_VALUES_MULTI
               )(g.target.checked),
               children: Tn({ condition: u, formik: n })
             },
@@ -2846,7 +2846,7 @@ const ro = T.div`
       )
     ] }),
     /* @__PURE__ */ i(Z, {}),
-    s && /* @__PURE__ */ i(I, { type: "label", size: "medium", appearance: "danger", children: typeof n.errors.conditionsThatEstablishesTheDecision == "string" ? n.errors.conditionsThatEstablishesTheDecision : "Existen errores en el formulario, por favor revísalos." }),
+    s && /* @__PURE__ */ i(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__ */ v(w, { direction: "row", justifyContent: "end", gap: "16px", children: [
       /* @__PURE__ */ i(B, { appearance: "gray", onClick: r, children: t.cancel }),
       /* @__PURE__ */ i(B, { type: "submit", children: t.confirm })
@@ -2968,7 +2968,7 @@ const ro = T.div`
     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) || se.item.background.hover;
 }};
   }
-`, An = T.div`
+`, In = T.div`
   display: flex;
   align-items: center;
   gap: 12px;
@@ -3056,8 +3056,8 @@ const ro = T.div`
                   icon: n && t.length > 0 ? /* @__PURE__ */ i(an, {}) : /* @__PURE__ */ i(Dn, {})
                 }
               ),
-              /* @__PURE__ */ i(An, { children: /* @__PURE__ */ i(
-                I,
+              /* @__PURE__ */ i(In, { children: /* @__PURE__ */ i(
+                A,
                 {
                   appearance: u,
                   cursorHover: !0,
@@ -3086,7 +3086,7 @@ const ro = T.div`
                   icon: n && t.length > 0 ? /* @__PURE__ */ i(an, {}) : /* @__PURE__ */ i(Dn, {})
                 }
               ),
-              /* @__PURE__ */ i(An, { children: /* @__PURE__ */ i(
+              /* @__PURE__ */ i(In, { children: /* @__PURE__ */ i(
                 uo,
                 {
                   "aria-controls": f,
@@ -3094,7 +3094,7 @@ const ro = T.div`
                   onClick: r,
                   onKeyDown: s,
                   children: /* @__PURE__ */ i(
-                    I,
+                    A,
                     {
                       appearance: u,
                       cursorHover: !0,
@@ -3124,7 +3124,7 @@ const ro = T.div`
           children: [
             x && /* @__PURE__ */ i(O, { appearance: "primary", icon: /* @__PURE__ */ i(xt, {}) }),
             /* @__PURE__ */ i(
-              I,
+              A,
               {
                 appearance: x ? "primary" : "dark",
                 size: "small",
@@ -3277,7 +3277,7 @@ var xo = {
   scrollDebounceTimeout: void 0,
   frameIdX: void 0,
   frameIdY: void 0
-}, h = xo, ce = !1, In, rn;
+}, h = xo, ce = !1, An, rn;
 function wo() {
   h.scrollDebounceTimeout && clearTimeout(h.scrollDebounceTimeout), h.longPressTimeout && clearTimeout(h.longPressTimeout), h.frameIdX !== void 0 && cancelAnimationFrame(h.frameIdX), h.frameIdY !== void 0 && cancelAnimationFrame(h.frameIdY), h = { ...{
     affectedNodes: [],
@@ -3377,7 +3377,7 @@ function ko({
 }) {
   var s, p, c;
   if (!wn) return;
-  In || (In = Ge(document, {
+  An || (An = Ge(document, {
     dragover: Eo,
     pointerdown: Do,
     pointerup: Co,
@@ -3410,7 +3410,7 @@ function ko({
       handlePointercancel: Jo,
       handleEnd: ea,
       handleDragend: Zo,
-      handleParentFocus: Ao,
+      handleParentFocus: Io,
       handleNodePointerup: na,
       handleNodePointerover: Xo,
       handleParentPointerover: ia,
@@ -3422,7 +3422,7 @@ function ko({
       multiDrag: r.multiDrag ?? !1,
       nativeDrag: r.nativeDrag ?? !0,
       performSort: $o,
-      performTransfer: Io,
+      performTransfer: Ao,
       root: r.root ?? document,
       setupNode: Lo,
       setupNodeRemap: ct,
@@ -3546,11 +3546,11 @@ function He(e, n, t, r, o = !1) {
     parent: e
   }, ye(e, t, r);
 }
-function Ao(e, n) {
+function Io(e, n) {
   const t = e.targetData.parent.data.enabledNodes[0];
   t && (n.selectedState && n.selectedState.parent.el !== e.targetData.parent.el ? ye(e.targetData.parent, t, n) : n.selectedState || ye(e.targetData.parent, t, n));
 }
-function Io({
+function Ao({
   currentParent: e,
   targetParent: n,
   initialParent: t,
@@ -4678,7 +4678,7 @@ const On = {
               width: "100%",
               alignItems: "center",
               justifyContent: "center",
-              children: /* @__PURE__ */ i(I, { type: "label", size: "medium", appearance: "gray", padding: "12px", children: n || "No hay elementos en esta lista" })
+              children: /* @__PURE__ */ i(A, { type: "label", size: "medium", appearance: "gray", padding: "12px", children: n || "No hay elementos en esta lista" })
             }
           ) : p.map((y, D) => {
             const C = c === y;
@@ -4690,7 +4690,7 @@ const On = {
                 "data-first": !!(l && D === 0) || void 0,
                 $active: C,
                 children: /* @__PURE__ */ i(Q, { border: !0, borderRadius: "8px", width: "100%", children: /* @__PURE__ */ i(
-                  I,
+                  A,
                   {
                     type: "title",
                     appearance: C ? "primary" : "dark",
@@ -4947,7 +4947,7 @@ const On = {
 `, ka = T.div`
   display: grid;
   height: ${({ $size: e }) => e === "compact" ? "40px" : "48px"};
-  padding: 0px 16px;
+  padding: 8px 16px;
   gap: 8px;
   align-items: center;
   box-sizing: border-box;
@@ -4955,6 +4955,7 @@ const On = {
   pointer-events: ${({ $disabled: e }) => e && "none"};
   grid-auto-flow: column;
   grid-template-columns: 1fr auto;
+  height: -webkit-fill-available;
   cursor: ${({ $disabled: e }) => e ? "not-allowed" : "pointer"};
   background-color: ${({ $disabled: e, theme: n }) => {
   var t, r, o, a, l, d;
@@ -5025,13 +5026,13 @@ const On = {
   &:-webkit-autofill {
     -webkit-background-clip: text;
   }
-`, Aa = T.div`
+`, Ia = T.div`
   display: flex;
   justify-content: flex-end;
   transition: ease;
   transition-duration: 500ms;
   transform: ${({ $displayList: e }) => e ? "rotate(-90deg)" : "rotate(90deg)"};
-`, Ia = (e) => e === "compact" ? "medium" : "large";
+`, Aa = (e) => e === "compact" ? "medium" : "large";
 function zn(e, n) {
   const t = e.find((r) => r.value === n);
   return t ? t.label : n;
@@ -5049,7 +5050,7 @@ const Ra = (e) => {
       }
     ),
     /* @__PURE__ */ i(
-      I,
+      A,
       {
         type: "body",
         size: "small",
@@ -5060,7 +5061,7 @@ const Ra = (e) => {
     )
   ] });
 }, Fa = Rt((e, n) => {
-  var ae, Ie;
+  var ae, Ae;
   const {
     displayList: t,
     disabled: r,
@@ -5090,10 +5091,10 @@ const Ra = (e) => {
     onOptionClick: xe,
     onCheckboxChange: we,
     handleClear: pe
-  } = e, J = vn(mn), $e = ((Ie = (ae = J == null ? void 0 : J.input) == null ? void 0 : ae.required) == null ? void 0 : Ie.appearance) || ee.required.appearance, De = b && !r, ge = y || m === "" ? "" : zn(g, m), fe = Gn(
+  } = e, J = vn(mn), $e = ((Ae = (ae = J == null ? void 0 : J.input) == null ? void 0 : ae.required) == null ? void 0 : Ae.appearance) || ee.required.appearance, De = b && !r, ge = y || m === "" ? "" : zn(g, m), fe = Gn(
     () => g.filter((P) => C.includes(P.id)),
     [g, C]
-  ), Ae = (P, F) => {
+  ), Ie = (P, F) => {
     P.stopPropagation(), we({
       target: { checked: !1, value: F }
     });
@@ -5107,18 +5108,18 @@ const Ra = (e) => {
         $wrap: "wrap",
         children: [
           /* @__PURE__ */ i(
-            At,
+            It,
             {
               htmlFor: l,
               focused: o,
               invalid: d,
               margin: "0px 0px 0px 16px",
-              size: Ia(x),
+              size: Aa(x),
               disabled: r,
               children: s
             }
           ),
-          De && /* @__PURE__ */ i(I, { appearance: $e, size: "small", type: "body", children: "(Requerido)" })
+          De && /* @__PURE__ */ i(A, { appearance: $e, size: "small", type: "body", children: "(Requerido)" })
         ]
       }
     ),
@@ -5154,39 +5155,48 @@ const Ra = (e) => {
               onKeyUp: R
             }
           ),
-          /* @__PURE__ */ v(w, { direction: "row", gap: "8px", alignItems: "center", children: [
-            E && !r && (y ? fe.map((P) => /* @__PURE__ */ i(
-              me,
-              {
-                appearance: "gray",
-                label: P.label,
-                removable: !0,
-                displayIcon: !1,
-                onClose: (F) => Ae(F, P.id)
-              },
-              P.id
-            )) : (m ?? "") !== "" && /* @__PURE__ */ i(
-              me,
-              {
-                appearance: "gray",
-                label: zn(g, m),
-                removable: !0,
-                displayIcon: !1,
-                onClose: (P) => {
-                  P.stopPropagation(), pe();
-                }
-              }
-            )),
-            D && /* @__PURE__ */ i(Aa, { $displayList: t, children: /* @__PURE__ */ i(
-              O,
-              {
-                appearance: "dark",
-                icon: /* @__PURE__ */ i(Ct, {}),
-                spacing: "narrow",
-                disabled: r
-              }
-            ) })
-          ] })
+          /* @__PURE__ */ v(
+            w,
+            {
+              direction: "row",
+              gap: "8px",
+              alignItems: "center",
+              justifyContent: "space-between",
+              children: [
+                /* @__PURE__ */ i(w, { gap: "8px", alignItems: "center", wrap: "wrap", children: E && !r && (y ? fe.map((P) => /* @__PURE__ */ i(
+                  me,
+                  {
+                    appearance: "gray",
+                    label: P.label,
+                    removable: !0,
+                    displayIcon: !1,
+                    onClose: (F) => Ie(F, P.id)
+                  },
+                  P.id
+                )) : (m ?? "") !== "" && /* @__PURE__ */ i(
+                  me,
+                  {
+                    appearance: "gray",
+                    label: zn(g, m),
+                    removable: !0,
+                    displayIcon: !1,
+                    onClose: (P) => {
+                      P.stopPropagation(), pe();
+                    }
+                  }
+                )) }),
+                D && /* @__PURE__ */ i(Ia, { $displayList: t, children: /* @__PURE__ */ i(
+                  O,
+                  {
+                    appearance: "dark",
+                    icon: /* @__PURE__ */ i(Ct, {}),
+                    spacing: "narrow",
+                    disabled: r
+                  }
+                ) })
+              ]
+            }
+          )
         ]
       }
     ),
@@ -5198,7 +5208,7 @@ const Ra = (e) => {
         onOptionClick: xe,
         options: g,
         children: g.map((P) => /* @__PURE__ */ i(
-          It,
+          At,
           {
             id: P.id,
             label: P.label,
@@ -5266,7 +5276,7 @@ const Ra = (e) => {
       console.error(`Error executing focus/blur callback. ${q}`);
     }
   }
-  function Ae(F) {
+  function Ie(F) {
     V(!1);
     try {
       c && c(s, F);
@@ -5282,7 +5292,7 @@ const Ra = (e) => {
       console.error(`Error when clicking over select. ${q}`);
     }
   }
-  function Ie(F) {
+  function Ae(F) {
     const { value: q, checked: ze } = F.target;
     pe((N) => {
       const H = ze ? [...N, q] : N.filter((K) => K !== q);
@@ -5322,9 +5332,9 @@ const Ra = (e) => {
       onChange: c,
       onClick: De,
       onFocus: fe,
-      onOptionClick: Ae,
+      onOptionClick: Ie,
       onKeyUp: ae,
-      onCheckboxChange: Ie
+      onCheckboxChange: Ae
     }
   );
 }, Ti = (e) => {
@@ -5403,14 +5413,14 @@ function ja(e) {
 }
 function Ba(e) {
   switch (e) {
-    case A.EQUAL:
-    case A.GREATER_THAN:
-    case A.LESS_THAN:
+    case I.EQUAL:
+    case I.GREATER_THAN:
+    case I.LESS_THAN:
       return "sea";
-    case A.RANGE:
+    case I.RANGE:
       return "esté entre";
-    case A.LIST_OF_VALUES:
-    case A.LIST_OF_VALUES_MULTI:
+    case I.LIST_OF_VALUES:
+    case I.LIST_OF_VALUES_MULTI:
       return "esté en";
     default:
       return "sea";

package/package.json

@@ -10,7 +10,7 @@
   ],
   "description": "",
   "private": false,
-  "version": "2.0.5",
+  "version": "2.0.7",
   "type": "module",
   "exports": {
     ".": {
@@ -38,8 +38,8 @@
   "dependencies": {
     "@formkit/drag-and-drop": "^0.5.3",
     "@inubekit/inubekit": "^6.1.0",
-    "@isettingkit/input": "^1.0.7",
-    "@isettingkit/view": "^0.1.25",
+    "@isettingkit/input": "^1.0.8",
+    "@isettingkit/view": "^0.1.26",
     "axios": "^1.9.0",
     "franc-min": "^6.2.0"
   },