@foris/avocado-not-front 8.2.0 → 8.4.0

package/dist/avocado-not-front.es.js

@@ -71,12 +71,12 @@ const Ge = "sessionId", Pn = () => sessionStorage.getItem(Ge), Me = (e) => {
   });
 }, tr = (e, t, n, s) => {
   E.setState((o) => {
-    var i;
+    var l;
     const a = o[e] ?? {}, c = a.entries ?? {}, r = Ot(
       c,
       n,
       s
-    ), d = (i = t.components) == null ? void 0 : i.some(
+    ), d = (l = t.components) == null ? void 0 : l.some(
       (u) => u.component === "drawer"
     );
     return {
@@ -208,27 +208,27 @@ const sr = (e) => e._userFlow || null, dt = (e) => {
         return Promise.reject(e);
       if (r.onAuthenticationError || typeof r.headers == "function") {
         if (ke)
-          return new Promise((i, u) => {
-            pe.push({ resolve: i, reject: u });
-          }).then(() => V(t)).catch((i) => (console.error("[axiosInterceptors] Queued request failed:", i), Promise.reject(i)));
+          return new Promise((l, u) => {
+            pe.push({ resolve: l, reject: u });
+          }).then(() => V(t)).catch((l) => (console.error("[axiosInterceptors] Queued request failed:", l), Promise.reject(l)));
         t._retry = !0, ke = !0;
         try {
-          let i;
+          let l;
           if (r.onAuthenticationError)
-            i = await r.onAuthenticationError();
+            l = await r.onAuthenticationError();
           else if (typeof r.headers == "function")
-            i = r.headers();
+            l = r.headers();
           else
             throw new Error("No refresh handler available");
-          return r.onAuthenticationError && (typeof r.headers == "string" ? it(a, JSON.stringify(i)) : it(a, i)), t.headers || (t.headers = {}), Object.assign(t.headers, i), dt(null), V(t);
-        } catch (i) {
+          return r.onAuthenticationError && (typeof r.headers == "string" ? it(a, JSON.stringify(l)) : it(a, l)), t.headers || (t.headers = {}), Object.assign(t.headers, l), dt(null), V(t);
+        } catch (l) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
-            i
+            l
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
             pe.length
-          ), dt(i), Promise.reject(i);
+          ), dt(l), Promise.reject(l);
         } finally {
           ke = !1;
         }
@@ -271,9 +271,9 @@ function ir() {
   if (ut) return ce;
   ut = 1;
   var e = Ft, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(r, d, i) {
+  function c(r, d, l) {
     var u, _ = {}, h = null, f = null;
-    i !== void 0 && (h = "" + i), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (f = d.ref);
+    l !== void 0 && (h = "" + l), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (f = d.ref);
     for (u in d) s.call(d, u) && !a.hasOwnProperty(u) && (_[u] = d[u]);
     if (r && r.defaultProps) for (u in d = r.defaultProps, d) _[u] === void 0 && (_[u] = d[u]);
     return { $$typeof: t, type: r, key: h, ref: f, props: _, _owner: o.current };
@@ -284,7 +284,7 @@ var _t;
 function lr() {
   return _t || (_t = 1, Oe.exports = ir()), Oe.exports;
 }
-var l = lr();
+var i = lr();
 const dr = (e) => {
   if (!(e != null && e.content)) return null;
   const t = {
@@ -292,19 +292,19 @@ const dr = (e) => {
     children: e.content,
     type: e.variant
   };
-  return /* @__PURE__ */ l.jsx(wt, { ...t });
+  return /* @__PURE__ */ i.jsx(wt, { ...t });
 }, ur = (e) => {
   if (!e) return null;
   const t = {
     ...e,
     children: e.content
   };
-  return /* @__PURE__ */ l.jsx(Nt, { ...t });
+  return /* @__PURE__ */ i.jsx(Nt, { ...t });
 }, T = (e, t, n, s) => {
   var c;
   const o = {
-    accordion: (r) => /* @__PURE__ */ l.jsx(jr, { ...r, userFlow: e, pageId: t }),
-    aiChatPanel: (r) => /* @__PURE__ */ l.jsx(
+    accordion: (r) => /* @__PURE__ */ i.jsx(jr, { ...r, userFlow: e, pageId: t }),
+    aiChatPanel: (r) => /* @__PURE__ */ i.jsx(
       wr,
       {
         ...r,
@@ -313,7 +313,7 @@ const dr = (e) => {
         onResolveProps: s == null ? void 0 : s.aiChatPanel
       }
     ),
-    aiSummaryCard: (r) => /* @__PURE__ */ l.jsx(
+    aiSummaryCard: (r) => /* @__PURE__ */ i.jsx(
       Sr,
       {
         ...r,
@@ -322,29 +322,29 @@ const dr = (e) => {
         onResolveProps: s == null ? void 0 : s.aiSummaryCard
       }
     ),
-    aiPromptCodeEditor: (r) => /* @__PURE__ */ l.jsx(vr, { ...r, userFlow: e, pageId: t }),
-    box: (r) => /* @__PURE__ */ l.jsx(Br, { ...r, userFlow: e, pageId: t }),
-    breadcrumbs: (r) => /* @__PURE__ */ l.jsx(Wr, { ...r, userFlow: e, pageId: t }),
-    tooltip: (r) => /* @__PURE__ */ l.jsx(Ta, { ...r, userFlow: e, pageId: t }),
-    textarea: (r) => /* @__PURE__ */ l.jsx(ba, { ...r, userFlow: e, pageId: t }),
-    card: (r) => /* @__PURE__ */ l.jsx(es, { ...r, userFlow: e, pageId: t }),
-    dropdownButton: (r) => /* @__PURE__ */ l.jsx(lo, { ...r, userFlow: e, pageId: t }),
-    menu: (r) => /* @__PURE__ */ l.jsx(mo, { ...r, userFlow: e, pageId: t }),
-    radioGroup: (r) => /* @__PURE__ */ l.jsx(zr, { ...r, userFlow: e, pageId: t }),
-    stepper: (r) => /* @__PURE__ */ l.jsx(Xr, { ...r, userFlow: e, pageId: t }),
-    progressBar: (r) => /* @__PURE__ */ l.jsx(Jr, { ...r, userFlow: e, pageId: t }),
-    button: (r) => /* @__PURE__ */ l.jsx(Yr, { ...r, userFlow: e, pageId: t }),
-    cardAccordion: (r) => /* @__PURE__ */ l.jsx(Zr, { ...r, userFlow: e, pageId: t }),
-    cardNotification: (r) => /* @__PURE__ */ l.jsx(ts, { ...r, userFlow: e, pageId: t }),
-    chart: (r) => /* @__PURE__ */ l.jsx(Bs, { ...r, userFlow: e }),
-    dataCard: (r) => /* @__PURE__ */ l.jsx(Ps, { ...r, userFlow: e, pageId: t }),
-    checkbox: (r) => /* @__PURE__ */ l.jsx(Hs, { ...r, userFlow: e, pageId: t }),
-    code: (r) => /* @__PURE__ */ l.jsx(Xs, { ...r, userFlow: e, pageId: t }),
-    divider: (r) => /* @__PURE__ */ l.jsx(no, { ...r }),
-    drawer: (r) => /* @__PURE__ */ l.jsx(ao, { ...r, userFlow: e, pageId: t }),
-    fileUpload: (r) => /* @__PURE__ */ l.jsx(io, { ...r, userFlow: e, pageId: t }),
+    aiPromptCodeEditor: (r) => /* @__PURE__ */ i.jsx(vr, { ...r, userFlow: e, pageId: t }),
+    box: (r) => /* @__PURE__ */ i.jsx(Br, { ...r, userFlow: e, pageId: t }),
+    breadcrumbs: (r) => /* @__PURE__ */ i.jsx(Wr, { ...r, userFlow: e, pageId: t }),
+    tooltip: (r) => /* @__PURE__ */ i.jsx(Ta, { ...r, userFlow: e, pageId: t }),
+    textarea: (r) => /* @__PURE__ */ i.jsx(ba, { ...r, userFlow: e, pageId: t }),
+    card: (r) => /* @__PURE__ */ i.jsx(es, { ...r, userFlow: e, pageId: t }),
+    dropdownButton: (r) => /* @__PURE__ */ i.jsx(lo, { ...r, userFlow: e, pageId: t }),
+    menu: (r) => /* @__PURE__ */ i.jsx(mo, { ...r, userFlow: e, pageId: t }),
+    radioGroup: (r) => /* @__PURE__ */ i.jsx(zr, { ...r, userFlow: e, pageId: t }),
+    stepper: (r) => /* @__PURE__ */ i.jsx(Xr, { ...r, userFlow: e, pageId: t }),
+    progressBar: (r) => /* @__PURE__ */ i.jsx(Jr, { ...r, userFlow: e, pageId: t }),
+    button: (r) => /* @__PURE__ */ i.jsx(Yr, { ...r, userFlow: e, pageId: t }),
+    cardAccordion: (r) => /* @__PURE__ */ i.jsx(Zr, { ...r, userFlow: e, pageId: t }),
+    cardNotification: (r) => /* @__PURE__ */ i.jsx(ts, { ...r, userFlow: e, pageId: t }),
+    chart: (r) => /* @__PURE__ */ i.jsx(Bs, { ...r, userFlow: e }),
+    dataCard: (r) => /* @__PURE__ */ i.jsx(Ps, { ...r, userFlow: e, pageId: t }),
+    checkbox: (r) => /* @__PURE__ */ i.jsx(Hs, { ...r, userFlow: e, pageId: t }),
+    code: (r) => /* @__PURE__ */ i.jsx(Xs, { ...r, userFlow: e, pageId: t }),
+    divider: (r) => /* @__PURE__ */ i.jsx(no, { ...r }),
+    drawer: (r) => /* @__PURE__ */ i.jsx(ao, { ...r, userFlow: e, pageId: t }),
+    fileUpload: (r) => /* @__PURE__ */ i.jsx(io, { ...r, userFlow: e, pageId: t }),
     heading: (r) => dr(r),
-    headerNavigation: (r) => /* @__PURE__ */ l.jsx(
+    headerNavigation: (r) => /* @__PURE__ */ i.jsx(
       Ht,
       {
         ...r,
@@ -353,20 +353,20 @@ const dr = (e) => {
         onResolveComponentProps: s
       }
     ),
-    link: (r) => /* @__PURE__ */ l.jsx(go, { ...r, userFlow: e, pageId: t }),
-    pill: (r) => /* @__PURE__ */ l.jsx(vo, { ...r }),
-    previewerMarkdown: (r) => /* @__PURE__ */ l.jsx(To, { ...r }),
-    modal: (r) => /* @__PURE__ */ l.jsx(po, { ...r, userFlow: e, pageId: t }),
-    roundButton: (r) => /* @__PURE__ */ l.jsx(Ao, { ...r, userFlow: e, pageId: t }),
-    row: (r) => /* @__PURE__ */ l.jsx(Oo, { ...r, userFlow: e, pageId: t }),
-    select: (r) => /* @__PURE__ */ l.jsx(Ho, { ...r, userFlow: e, pageId: t }),
-    switch: (r) => /* @__PURE__ */ l.jsx(Qo, { ...r, userFlow: e, pageId: t }),
-    spacing: (r) => /* @__PURE__ */ l.jsx(Yo, { ...r, userFlow: e, pageId: t }),
-    table: (r) => /* @__PURE__ */ l.jsx(ha, { ...r, userFlow: e, pageId: t }),
-    tabs: (r) => /* @__PURE__ */ l.jsx(xa, { ...r, userFlow: e, pageId: t }),
+    link: (r) => /* @__PURE__ */ i.jsx(go, { ...r, userFlow: e, pageId: t }),
+    pill: (r) => /* @__PURE__ */ i.jsx(vo, { ...r }),
+    previewerMarkdown: (r) => /* @__PURE__ */ i.jsx(To, { ...r }),
+    modal: (r) => /* @__PURE__ */ i.jsx(po, { ...r, userFlow: e, pageId: t }),
+    roundButton: (r) => /* @__PURE__ */ i.jsx(Ao, { ...r, userFlow: e, pageId: t }),
+    row: (r) => /* @__PURE__ */ i.jsx(Oo, { ...r, userFlow: e, pageId: t }),
+    select: (r) => /* @__PURE__ */ i.jsx(Ho, { ...r, userFlow: e, pageId: t }),
+    switch: (r) => /* @__PURE__ */ i.jsx(Qo, { ...r, userFlow: e, pageId: t }),
+    spacing: (r) => /* @__PURE__ */ i.jsx(Yo, { ...r, userFlow: e, pageId: t }),
+    table: (r) => /* @__PURE__ */ i.jsx(ha, { ...r, userFlow: e, pageId: t }),
+    tabs: (r) => /* @__PURE__ */ i.jsx(xa, { ...r, userFlow: e, pageId: t }),
     text: (r) => ur(r),
-    textField: (r) => /* @__PURE__ */ l.jsx(wa, { ...r, userFlow: e, pageId: t }),
-    toast: (r) => /* @__PURE__ */ l.jsx(Na, { ...r, userFlow: e, pageId: t })
+    textField: (r) => /* @__PURE__ */ i.jsx(wa, { ...r, userFlow: e, pageId: t }),
+    toast: (r) => /* @__PURE__ */ i.jsx(Na, { ...r, userFlow: e, pageId: t })
   };
   return (c = n == null ? void 0 : n.filter(Boolean)) == null ? void 0 : c.map((r) => {
     const d = o[r.component];
@@ -503,9 +503,9 @@ const ee = (e) => {
   } };
 }, It = async (e, t, n = "", s = {}, o = {}) => {
   try {
-    const { callEndpoint: a } = Dt(), { api: c, headers: r } = e, d = Pn(), i = new URLSearchParams({ session_name: t });
-    n && i.append("hash_code", n), d && i.append("sessionId", d);
-    const u = `${c}/not-front/next-ui/?${i.toString()}`, _ = ee(r), h = qe(
+    const { callEndpoint: a } = Dt(), { api: c, headers: r } = e, d = Pn(), l = new URLSearchParams({ session_name: t });
+    n && l.append("hash_code", n), d && l.append("sessionId", d);
+    const u = `${c}/not-front/next-ui/?${l.toString()}`, _ = ee(r), h = qe(
       u,
       _,
       s,
@@ -545,8 +545,8 @@ const ee = (e) => {
     );
     r.push(..._);
   }
-  const i = r.join("&");
-  return i ? `${o}?${i}` : o;
+  const l = r.join("&");
+  return l ? `${o}?${l}` : o;
 }, yr = (e, t, n) => {
   var a;
   const o = { ...(e == null ? void 0 : e.data) ?? {}, ...t ?? {} };
@@ -558,10 +558,10 @@ const ee = (e) => {
 }, ze = (e, t, n, s, o) => {
   const { type: a, url: c, method: r, headers: d } = e;
   if (a === "rest") {
-    const i = xr(e, t, n, o), u = yr(e, s, o);
+    const l = xr(e, t, n, o), u = yr(e, s, o);
     return {
       type: "rest",
-      url: i,
+      url: l,
       method: $t(r),
       headers: d,
       data: u
@@ -591,15 +591,15 @@ async function pr(e, t, n, s, o, a) {
   ), r = (f = c == null ? void 0 : c.data) == null ? void 0 : f.content;
   if ((r == null ? void 0 : r.type) !== "fetch")
     return;
-  const d = r.responseKey ?? n, i = await a(
+  const d = r.responseKey ?? n, l = await a(
     r.dataSource,
     e,
     !1
   ), u = {
     ...(g = E.getState()[e]) == null ? void 0 : g.entries,
     [d]: {
-      status: i == null ? void 0 : i.status,
-      content: i == null ? void 0 : i.data
+      status: l == null ? void 0 : l.status,
+      content: l == null ? void 0 : l.data
     }
   };
   L(e, u);
@@ -612,7 +612,7 @@ async function pr(e, t, n, s, o, a) {
   h != null && h.data && q(e, h.data);
 }
 const H = () => {
-  const e = E((d) => d), { callEndpoint: t } = Dt(), n = async (d, i, u, _, h = !0) => {
+  const e = E((d) => d), { callEndpoint: t } = Dt(), n = async (d, l, u, _, h = !0) => {
     var f;
     try {
       const g = (f = e[d]) == null ? void 0 : f.apiConfig, x = {
@@ -622,28 +622,28 @@ const H = () => {
       return h && Z(d, !0), await It(
         g,
         d,
-        i,
+        l,
         x
       );
     } catch (g) {
       throw h && Z(d, !1), console.error("[getNextUI] Error fetching next UI:", g), g;
     }
-  }, s = (d, i) => {
+  }, s = (d, l) => {
     const { url: u, headers: _, data: h, params: f } = d;
     switch ($t(d.method)) {
       case "post":
-        return qe(u, _, h, {}, !1, i);
+        return qe(u, _, h, {}, !1, l);
       case "put":
-        return fr(u, _, h, {}, !1, i);
+        return fr(u, _, h, {}, !1, l);
       case "patch":
-        return gr(u, _, h, {}, !1, i);
+        return gr(u, _, h, {}, !1, l);
       case "delete":
-        return mr(u, _, h, f, !1, i);
+        return mr(u, _, h, f, !1, l);
       case "get":
       default:
-        return hr(u, _, f, !1, i);
+        return hr(u, _, f, !1, l);
     }
-  }, o = (d, i) => {
+  }, o = (d, l) => {
     const { url: u, headers: _ } = d, h = {
       query: d == null ? void 0 : d.query,
       variables: (d == null ? void 0 : d.variables) || {}
@@ -657,23 +657,23 @@ const H = () => {
       h,
       {},
       !1,
-      i
+      l
     );
-  }, a = async (d, i, u = !0) => {
+  }, a = async (d, l, u = !0) => {
     var _, h;
     if (!d) {
       console.warn("[fetchDataSource] Invalid or missing dataSource");
       return;
     }
-    u && Z(i, !0);
+    u && Z(l, !0);
     try {
       let f;
       switch (d == null ? void 0 : d.type) {
         case "rest":
-          f = s(d, i);
+          f = s(d, l);
           break;
         case "graphql":
-          f = o(d, i);
+          f = o(d, l);
           break;
         default:
           throw new Error("[fetchDataSource] Unsupported data source type");
@@ -690,19 +690,19 @@ const H = () => {
         }
       };
     } finally {
-      u && Z(i, !1);
+      u && Z(l, !1);
     }
   };
   return {
     getNextUI: n,
     fetchDataSource: a,
-    fetchAndGetNextUI: async (d, i, u, _, h) => {
+    fetchAndGetNextUI: async (d, l, u, _, h) => {
       try {
         Z(d, !0);
         const f = await a(h, d, !1);
         return f && await n(
           d,
-          i,
+          l,
           u,
           _
         );
@@ -713,9 +713,9 @@ const H = () => {
         ), f;
       }
     },
-    runGetDataSource: (d, i, u, _) => pr(
+    runGetDataSource: (d, l, u, _) => pr(
       d,
-      i,
+      l,
       u,
       _,
       n,
@@ -735,7 +735,7 @@ const H = () => {
     actionContent: c,
     components: r,
     ...d
-  } = e, { getNextUI: i } = H(), [u, _] = O(
+  } = e, { getNextUI: l } = H(), [u, _] = O(
     d.checkboxChecked || !1
   ), { disabled: h } = I(
     t,
@@ -751,7 +751,7 @@ const H = () => {
           [s]: b
         };
         if (L(t, j), d.actionType === "GO_TO_NEXT_UI") {
-          const w = await i(
+          const w = await l(
             t,
             n,
             j,
@@ -763,18 +763,18 @@ const H = () => {
         console.error("Error in accordion checkbox action:", b), alert(JSON.stringify(b));
       }
     },
-    [t, n, s, d.actionType, i]
+    [t, n, s, d.actionType, l]
   ), y = d.disabled || h, C = {
     ...d,
     className: ht.accordion,
     disabled: y,
     checkboxChecked: u,
     onChanceCheckbox: d.hasCheckbox ? m : void 0,
-    actionContent: g ? /* @__PURE__ */ l.jsx(l.Fragment, { children: g.map((p, N) => /* @__PURE__ */ l.jsx(k, { children: p }, `accordion-action-${N}`)) }) : void 0,
-    customContent: x ? /* @__PURE__ */ l.jsx(l.Fragment, { children: x.map((p, N) => /* @__PURE__ */ l.jsx(k, { children: p }, `accordion-custom-${N}`)) }) : void 0,
-    children: f ? /* @__PURE__ */ l.jsx("section", { className: ht.accordionBody, children: f.map((p, N) => /* @__PURE__ */ l.jsx(k, { children: p }, `accordion-child-${N}`)) }) : void 0
+    actionContent: g ? /* @__PURE__ */ i.jsx(i.Fragment, { children: g.map((p, N) => /* @__PURE__ */ i.jsx(k, { children: p }, `accordion-action-${N}`)) }) : void 0,
+    customContent: x ? /* @__PURE__ */ i.jsx(i.Fragment, { children: x.map((p, N) => /* @__PURE__ */ i.jsx(k, { children: p }, `accordion-custom-${N}`)) }) : void 0,
+    children: f ? /* @__PURE__ */ i.jsx("section", { className: ht.accordionBody, children: f.map((p, N) => /* @__PURE__ */ i.jsx(k, { children: p }, `accordion-child-${N}`)) }) : void 0
   };
-  return /* @__PURE__ */ l.jsx(tn, { ...C });
+  return /* @__PURE__ */ i.jsx(tn, { ...C });
 }, wr = (e) => {
   const t = ue.useThemeStore((c) => c.theme.mode), n = e.dataSource, s = A(() => ({
     url: e.dataSource.url,
@@ -782,11 +782,11 @@ const H = () => {
     headers: e.dataSource.headers,
     params: n == null ? void 0 : n.data
   }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, n == null ? void 0 : n.data]), o = e.locale ?? "en", a = A(() => {
-    var r, d, i, u, _;
+    var r, d, l, u, _;
     const c = {
       title: (r = e == null ? void 0 : e.translations) == null ? void 0 : r.title,
       welcomeTitle: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.welcomeTitle,
-      welcomeDescription: (i = e == null ? void 0 : e.translations) == null ? void 0 : i.welcomeDescription,
+      welcomeDescription: (l = e == null ? void 0 : e.translations) == null ? void 0 : l.welcomeDescription,
       placeholder: (u = e == null ? void 0 : e.translations) == null ? void 0 : u.placeholder,
       disclaimer: (_ = e == null ? void 0 : e.translations) == null ? void 0 : _.disclaimer
     };
@@ -807,7 +807,7 @@ const H = () => {
     a,
     e.initialSuggestions,
     t
-  ]), e.onResolveProps ? null : /* @__PURE__ */ l.jsx(
+  ]), e.onResolveProps ? null : /* @__PURE__ */ i.jsx(
     $n,
     {
       dataSource: s,
@@ -829,7 +829,7 @@ const H = () => {
     dependencies: c,
     dataSource: r,
     inputLabel: d,
-    inputPlaceholder: i,
+    inputPlaceholder: l,
     codeBlockLabel: u
   } = e, _ = ue.useThemeStore((p) => p.theme.mode), [h, f] = O(
     s || ""
@@ -850,7 +850,7 @@ const H = () => {
   };
   return G(() => {
     s !== void 0 && s !== h && f(s);
-  }, [s]), /* @__PURE__ */ l.jsx("section", { className: Er.promptCodeEditor, children: /* @__PURE__ */ l.jsx(
+  }, [s]), /* @__PURE__ */ i.jsx("section", { className: Er.promptCodeEditor, children: /* @__PURE__ */ i.jsx(
     Ln,
     {
       themeMode: _,
@@ -858,7 +858,7 @@ const H = () => {
       language: m,
       disabled: x,
       inputLabel: d,
-      inputPlaceholder: i,
+      inputPlaceholder: l,
       codeBlockLabel: u,
       codeBlockValue: h,
       onCodeChange: C
@@ -880,7 +880,7 @@ const H = () => {
       noData: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.noData
     };
     return Object.fromEntries(
-      Object.entries(a).filter(([, i]) => !!i)
+      Object.entries(a).filter(([, l]) => !!l)
     );
   }, [e == null ? void 0 : e.translations]);
   return G(() => {
@@ -889,7 +889,7 @@ const H = () => {
       locale: s,
       translations: o
     });
-  }, [e.onResolveProps, n, s, o]), e.onResolveProps ? null : /* @__PURE__ */ l.jsx("section", { className: Ar.summaryCard, children: /* @__PURE__ */ l.jsx(
+  }, [e.onResolveProps, n, s, o]), e.onResolveProps ? null : /* @__PURE__ */ i.jsx("section", { className: Ar.summaryCard, children: /* @__PURE__ */ i.jsx(
     qn,
     {
       dataSource: n,
@@ -942,7 +942,7 @@ const J = /* @__PURE__ */ cr(Or), Rr = "_body_6n5z9_1", Dr = "_body__embedded_6n
   body: Rr,
   body__embedded: Dr,
   body_content: Ir
-}, $r = ({ inputs: e, embedded: t }) => /* @__PURE__ */ l.jsx("section", { className: J(De.body, t && De.body__embedded), children: /* @__PURE__ */ l.jsx("div", { className: De.body_content, children: e.map((n, s) => /* @__PURE__ */ l.jsx(k, { children: n }, s)) }) }), Lr = "_boxNotFront_67q2e_1", qr = "_slotStack_67q2e_5", gt = {
+}, $r = ({ inputs: e, embedded: t }) => /* @__PURE__ */ i.jsx("section", { className: J(De.body, t && De.body__embedded), children: /* @__PURE__ */ i.jsx("div", { className: De.body_content, children: e.map((n, s) => /* @__PURE__ */ i.jsx(k, { children: n }, s)) }) }), Lr = "_boxNotFront_67q2e_1", qr = "_slotStack_67q2e_5", gt = {
   boxNotFront: Lr,
   slotStack: qr
 }, Br = (e) => {
@@ -957,8 +957,8 @@ const J = /* @__PURE__ */ cr(Or), Rr = "_body_6n5z9_1", Dr = "_body__embedded_6n
     t,
     n,
     c != null && c.length ? c : null
-  ), i = d && d.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: gt.slotStack, children: d.map((u, _) => /* @__PURE__ */ l.jsx(k, { children: u }, `box-${o}-${_}`)) }) : null;
-  return /* @__PURE__ */ l.jsx(nn, { className: gt.boxNotFront, darkMode: r, children: i });
+  ), l = d && d.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: gt.slotStack, children: d.map((u, _) => /* @__PURE__ */ i.jsx(k, { children: u }, `box-${o}-${_}`)) }) : null;
+  return /* @__PURE__ */ i.jsx(nn, { className: gt.boxNotFront, darkMode: r, children: l });
 }, Hr = "_fieldset_1xrth_1", Ur = "_fieldsetColumn_1xrth_8", Gr = "_legend_1xrth_14", Mr = "_options_1xrth_20", Kr = "_optionsRow_1xrth_25", Vr = "_optionsColumn_1xrth_36", F = {
   fieldset: Hr,
   fieldsetColumn: Ur,
@@ -976,9 +976,9 @@ const J = /* @__PURE__ */ cr(Or), Rr = "_body_6n5z9_1", Dr = "_body__embedded_6n
     required: c,
     actionType: r,
     dependencies: d,
-    direction: i,
+    direction: l,
     items: u
-  } = e, _ = i === "column" ? "column" : "row", { getNextUI: h } = H(), { disabled: f } = I(
+  } = e, _ = l === "column" ? "column" : "row", { getNextUI: h } = H(), { disabled: f } = I(
     t,
     d
   ), g = E(
@@ -1018,7 +1018,7 @@ const J = /* @__PURE__ */ cr(Or), Rr = "_body_6n5z9_1", Dr = "_body__embedded_6n
       t
     ]
   );
-  return /* @__PURE__ */ l.jsxs(
+  return /* @__PURE__ */ i.jsxs(
     "fieldset",
     {
       className: J(
@@ -1026,15 +1026,15 @@ const J = /* @__PURE__ */ cr(Or), Rr = "_body_6n5z9_1", Dr = "_body__embedded_6n
         _ === "column" && F.fieldsetColumn
       ),
       children: [
-        y ? /* @__PURE__ */ l.jsx("legend", { className: F.legend, children: y }) : null,
-        /* @__PURE__ */ l.jsx(
+        y ? /* @__PURE__ */ i.jsx("legend", { className: F.legend, children: y }) : null,
+        /* @__PURE__ */ i.jsx(
           "div",
           {
             className: J(
               F.options,
               _ === "column" ? F.optionsColumn : F.optionsRow
             ),
-            children: u.map((p) => /* @__PURE__ */ l.jsx(
+            children: u.map((p) => /* @__PURE__ */ i.jsx(
               rn,
               {
                 name: s,
@@ -1062,7 +1062,7 @@ const J = /* @__PURE__ */ cr(Or), Rr = "_body_6n5z9_1", Dr = "_body__embedded_6n
   items: a,
   itemActive: c,
   darkMode: r
-}) => /* @__PURE__ */ l.jsx(sn, { items: a, itemActive: c, darkMode: r }), Jr = ({
+}) => /* @__PURE__ */ i.jsx(sn, { items: a, itemActive: c, darkMode: r }), Jr = ({
   userFlow: e,
   pageId: t,
   component: n,
@@ -1071,7 +1071,7 @@ const J = /* @__PURE__ */ cr(Or), Rr = "_body_6n5z9_1", Dr = "_body__embedded_6n
   total: a,
   done: c,
   inProgress: r
-}) => /* @__PURE__ */ l.jsx(on, { total: a, done: c, inProgress: r }), Xe = (e, t) => {
+}) => /* @__PURE__ */ i.jsx(on, { total: a, done: c, inProgress: r }), Xe = (e, t) => {
   const { getNextUI: n } = H();
   return S(
     async ({ hashCode: s, responseKey: o }) => {
@@ -1102,7 +1102,7 @@ const J = /* @__PURE__ */ cr(Or), Rr = "_body_6n5z9_1", Dr = "_body__embedded_6n
     () => t.map((a, c) => c === t.length - 1 ? { title: a.title } : a.actionType === "REDIRECT" ? { title: a.title, path: a.redirectUrl } : a.actionType === "GO_TO_NEXT_UI" ? {
       title: a.title,
       path: "#",
-      component: /* @__PURE__ */ l.jsx(
+      component: /* @__PURE__ */ i.jsx(
         "a",
         {
           onClick: (r) => {
@@ -1113,14 +1113,14 @@ const J = /* @__PURE__ */ cr(Or), Rr = "_body_6n5z9_1", Dr = "_body__embedded_6n
     } : { title: a.title }),
     [t, s]
   );
-  return /* @__PURE__ */ l.jsx(an, { items: o });
+  return /* @__PURE__ */ i.jsx(an, { items: o });
 };
 function te(e, t) {
   const { getNextUI: n, fetchDataSource: s, fetchAndGetNextUI: o, runGetDataSource: a } = H();
   return S(
     async (c) => {
       var f, g;
-      const { responseKey: r, actionType: d, dataSource: i, redirectUrl: u, dependencies: _ } = c, h = (f = E.getState()[e]) == null ? void 0 : f.entries;
+      const { responseKey: r, actionType: d, dataSource: l, redirectUrl: u, dependencies: _ } = c, h = (f = E.getState()[e]) == null ? void 0 : f.entries;
       if (!Rt(h, _))
         try {
           const x = {
@@ -1153,14 +1153,14 @@ function te(e, t) {
                 t,
                 x,
                 r,
-                i
+                l
               );
               m != null && m.data && q(e, m == null ? void 0 : m.data);
               break;
             }
             case "FETCH_DATA_SOURCE": {
               const m = await s(
-                i,
+                l,
                 e,
                 !1
               );
@@ -1211,12 +1211,12 @@ const Yr = (e) => {
     content: c,
     dataSource: r,
     redirectUrl: d,
-    dependencies: i,
+    dependencies: l,
     onClick: u,
     ..._
   } = e, h = te(t, n), { disabled: f } = I(
     t,
-    i
+    l
   ), g = {
     ..._,
     children: c ?? a
@@ -1231,7 +1231,7 @@ const Yr = (e) => {
         actionType: o,
         dataSource: r,
         redirectUrl: d,
-        dependencies: i
+        dependencies: l
       });
     } catch (b) {
       console.error("[ButtonNotFront] Action failed:", b);
@@ -1241,12 +1241,12 @@ const Yr = (e) => {
   }, [
     o,
     r,
-    i,
+    l,
     d,
     s,
     h
   ]);
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     cn,
     {
       ...g,
@@ -1267,7 +1267,7 @@ const Yr = (e) => {
     dependencies: c,
     content: r,
     actionContent: d,
-    ...i
+    ...l
   } = e, { disabled: u } = I(
     t,
     c
@@ -1279,11 +1279,11 @@ const Yr = (e) => {
     t,
     n,
     d && d.length > 0 ? d : null
-  ), f = _ && _.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: Be.slotStack, children: _.map((m, y) => /* @__PURE__ */ l.jsx(k, { children: m }, `card-accordion-body-${o}-${y}`)) }) : void 0, g = h && h.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: Be.slotStack, children: h.map((m, y) => /* @__PURE__ */ l.jsx(k, { children: m }, `card-accordion-actions-${o}-${y}`)) }) : void 0, x = i.disabled || u;
-  return /* @__PURE__ */ l.jsx(
+  ), f = _ && _.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: Be.slotStack, children: _.map((m, y) => /* @__PURE__ */ i.jsx(k, { children: m }, `card-accordion-body-${o}-${y}`)) }) : void 0, g = h && h.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: Be.slotStack, children: h.map((m, y) => /* @__PURE__ */ i.jsx(k, { children: m }, `card-accordion-actions-${o}-${y}`)) }) : void 0, x = l.disabled || u;
+  return /* @__PURE__ */ i.jsx(
     ln,
     {
-      ...i,
+      ...l,
       disabled: x,
       actionContent: g,
       children: f ?? null
@@ -1302,7 +1302,7 @@ const Yr = (e) => {
     content: c,
     colorId: r,
     disabled: d,
-    actionType: i,
+    actionType: l,
     dataSource: u,
     redirectUrl: _,
     dependencies: h
@@ -1313,15 +1313,15 @@ const Yr = (e) => {
     t,
     n,
     c && c.length > 0 ? c : null
-  ), N = p && p.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: mt.slotStack, children: p.map((j, w) => /* @__PURE__ */ l.jsx(k, { children: j }, `card-body-${o}-${w}`)) }) : null, b = S(async () => {
+  ), N = p && p.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: mt.slotStack, children: p.map((j, w) => /* @__PURE__ */ i.jsx(k, { children: j }, `card-body-${o}-${w}`)) }) : null, b = S(async () => {
     var j;
-    if (!(!i || C))
+    if (!(!l || C))
       try {
         const w = {
           ...(j = E.getState()[t]) == null ? void 0 : j.entries,
           [a]: { status: 200 }
         };
-        switch (L(t, w), i) {
+        switch (L(t, w), l) {
           case "CLOSE_MODAL":
             Ve(t, !1);
             break;
@@ -1338,7 +1338,7 @@ const Yr = (e) => {
               n,
               w,
               a,
-              i === "GO_TO_NEXT_UI"
+              l === "GO_TO_NEXT_UI"
             );
             R != null && R.data && q(t, R == null ? void 0 : R.data);
             break;
@@ -1367,13 +1367,13 @@ const Yr = (e) => {
             _ && (window.location.href = _);
             break;
           default:
-            console.warn(`Unhandled card actionType: ${i}`);
+            console.warn(`Unhandled card actionType: ${l}`);
         }
       } catch (w) {
         alert(JSON.stringify(w));
       }
   }, [
-    i,
+    l,
     u,
     C,
     x,
@@ -1385,13 +1385,13 @@ const Yr = (e) => {
     m,
     t
   ]);
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     dn,
     {
       className: mt.cardNotFront,
       colorId: r,
       disabled: C,
-      onClick: i && !C ? () => void b() : void 0,
+      onClick: l && !C ? () => void b() : void 0,
       children: N
     }
   );
@@ -1405,16 +1405,16 @@ const Yr = (e) => {
     content: c,
     description: r,
     ...d
-  } = e, i = Array.isArray(c), u = T(
+  } = e, l = Array.isArray(c), u = T(
     t,
     n,
-    i && c.length > 0 ? c : null
+    l && c.length > 0 ? c : null
   );
   let _;
-  return u && u.length > 0 ? _ = /* @__PURE__ */ l.jsxs("div", { className: Be.slotStack, children: [
-    r ? /* @__PURE__ */ l.jsx(Nt, { type: "sm", children: r }) : null,
-    u.map((h, f) => /* @__PURE__ */ l.jsx(k, { children: h }, `card-notification-body-${o}-${f}`))
-  ] }) : _ = (typeof c == "string" ? c : void 0) ?? r, /* @__PURE__ */ l.jsx(ye, { ...d, children: _ });
+  return u && u.length > 0 ? _ = /* @__PURE__ */ i.jsxs("div", { className: Be.slotStack, children: [
+    r ? /* @__PURE__ */ i.jsx(Nt, { type: "sm", children: r }) : null,
+    u.map((h, f) => /* @__PURE__ */ i.jsx(k, { children: h }, `card-notification-body-${o}-${f}`))
+  ] }) : _ = (typeof c == "string" ? c : void 0) ?? r, /* @__PURE__ */ i.jsx(ye, { ...d, children: _ });
 }, Ie = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, ns = (e, t) => {
   if (!t || e == null)
     return null;
@@ -1449,7 +1449,7 @@ const Yr = (e) => {
       return f;
     } else
       return u;
-  }), c = $.value(e, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? o.length, r = $.value(e, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, d = s != null && s.hasMore ? !!$.value(e, s.hasMore) : void 0, i = {
+  }), c = $.value(e, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? o.length, r = $.value(e, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, d = s != null && s.hasMore ? !!$.value(e, s.hasMore) : void 0, l = {
     size: c,
     total: r,
     totalPages: s != null && s.totalPages ? $.value(
@@ -1458,7 +1458,7 @@ const Yr = (e) => {
     ) : c > 0 ? Math.ceil(r / c) : 0,
     ...d !== void 0 ? { hasMore: d } : {}
   };
-  return { items: a, pagination: i };
+  return { items: a, pagination: l };
 }, je = ({
   width: e,
   height: t,
@@ -1468,10 +1468,10 @@ const Yr = (e) => {
   children: a
 }) => {
   const c = t ?? z, r = n ? { layout: n } : {};
-  return e ? /* @__PURE__ */ l.jsx(o, { width: e, height: c, data: s, ...r, children: a }) : /* @__PURE__ */ l.jsx(At, { width: "100%", height: c, children: /* @__PURE__ */ l.jsx(o, { data: s, ...r, children: a }) });
+  return e ? /* @__PURE__ */ i.jsx(o, { width: e, height: c, data: s, ...r, children: a }) : /* @__PURE__ */ i.jsx(At, { width: "100%", height: c, children: /* @__PURE__ */ i.jsx(o, { data: s, ...r, children: a }) });
 }, ne = ({ withPadding: e = !1 }) => {
-  const t = (n) => /* @__PURE__ */ l.jsx("span", { style: { color: U.labelColor }, children: n });
-  return /* @__PURE__ */ l.jsx(
+  const t = (n) => /* @__PURE__ */ i.jsx("span", { style: { color: U.labelColor }, children: n });
+  return /* @__PURE__ */ i.jsx(
     Bn,
     {
       formatter: t,
@@ -1502,13 +1502,13 @@ const Yr = (e) => {
   if (s) {
     const h = (u = t[0]) == null ? void 0 : u.payload;
     if (h && h[s] !== void 0 && h[s] !== null)
-      return /* @__PURE__ */ l.jsx("div", { style: a, children: /* @__PURE__ */ l.jsx("p", { style: { margin: 0 }, children: h[s] }) });
+      return /* @__PURE__ */ i.jsx("div", { style: a, children: /* @__PURE__ */ i.jsx("p", { style: { margin: 0 }, children: h[s] }) });
   }
-  const c = (_ = t[0]) == null ? void 0 : _.payload, r = (o == null ? void 0 : o.label) ?? "Cobertura", d = o ? c == null ? void 0 : c[o.denominatorKey] : void 0, i = o && d !== void 0 && d !== null && d > 0;
-  return /* @__PURE__ */ l.jsxs("div", { style: a, children: [
-    /* @__PURE__ */ l.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: n }),
-    t.map((h, f) => /* @__PURE__ */ l.jsx("p", { style: { margin: "2px 0", color: h.color }, children: `${h.name}: ${h.value}` }, f)),
-    i && /* @__PURE__ */ l.jsx("p", { style: { margin: "2px 0" }, children: `${r}: ${Math.round(
+  const c = (_ = t[0]) == null ? void 0 : _.payload, r = (o == null ? void 0 : o.label) ?? "Cobertura", d = o ? c == null ? void 0 : c[o.denominatorKey] : void 0, l = o && d !== void 0 && d !== null && d > 0;
+  return /* @__PURE__ */ i.jsxs("div", { style: a, children: [
+    /* @__PURE__ */ i.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: n }),
+    t.map((h, f) => /* @__PURE__ */ i.jsx("p", { style: { margin: "2px 0", color: h.color }, children: `${h.name}: ${h.value}` }, f)),
+    l && /* @__PURE__ */ i.jsx("p", { style: { margin: "2px 0" }, children: `${r}: ${Math.round(
       c[o.numeratorKey] / d * 100
     )}%` })
   ] });
@@ -1516,11 +1516,11 @@ const Yr = (e) => {
   tooltipKey: e,
   tooltipCoverage: t,
   defaultIndex: n
-} = {}) => /* @__PURE__ */ l.jsx(
+} = {}) => /* @__PURE__ */ i.jsx(
   Hn,
   {
     defaultIndex: n,
-    content: (s) => /* @__PURE__ */ l.jsx(
+    content: (s) => /* @__PURE__ */ i.jsx(
       rs,
       {
         ...s,
@@ -1529,7 +1529,7 @@ const Yr = (e) => {
       }
     )
   }
-), we = ({ dataKey: e, hide: t = !1, type: n }) => /* @__PURE__ */ l.jsx(
+), we = ({ dataKey: e, hide: t = !1, type: n }) => /* @__PURE__ */ i.jsx(
   Un,
   {
     ...e ? { dataKey: e } : {},
@@ -1546,7 +1546,7 @@ const Yr = (e) => {
   width: n,
   yAxisId: s,
   orientation: o
-} = {}) => /* @__PURE__ */ l.jsx(
+} = {}) => /* @__PURE__ */ i.jsx(
   Gn,
   {
     ...e ? { type: e } : {},
@@ -1562,13 +1562,13 @@ const Yr = (e) => {
   }
 ), ss = (e) => {
   const { data: t, xKey: n, yKeys: s, tooltipKey: o, width: a } = e;
-  return /* @__PURE__ */ l.jsxs(je, { width: a, data: t, Chart: Mn, children: [
-    /* @__PURE__ */ l.jsx(Ce, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ l.jsx(we, { dataKey: n }),
-    /* @__PURE__ */ l.jsx(le, {}),
-    /* @__PURE__ */ l.jsx(re, { tooltipKey: o }),
-    /* @__PURE__ */ l.jsx(ne, {}),
-    s.map((c, r) => /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsxs(je, { width: a, data: t, Chart: Mn, children: [
+    /* @__PURE__ */ i.jsx(Ce, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ i.jsx(we, { dataKey: n }),
+    /* @__PURE__ */ i.jsx(le, {}),
+    /* @__PURE__ */ i.jsx(re, { tooltipKey: o }),
+    /* @__PURE__ */ i.jsx(ne, {}),
+    s.map((c, r) => /* @__PURE__ */ i.jsx(
       St,
       {
         type: "monotone",
@@ -1591,10 +1591,10 @@ const Yr = (e) => {
     () => os(s, o),
     [s, o]
   ), d = S(
-    (i) => a ? i[a] : null,
+    (l) => a ? l[a] : null,
     [a]
   );
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     un,
     {
       data: t,
@@ -1625,7 +1625,7 @@ const cs = (e, t) => {
   const n = e.color ?? B[t % B.length], s = e.label ?? e.key, o = e.yAxisId ? { yAxisId: e.yAxisId } : {};
   switch (e.type) {
     case "area":
-      return /* @__PURE__ */ l.jsx(
+      return /* @__PURE__ */ i.jsx(
         St,
         {
           dataKey: e.key,
@@ -1639,7 +1639,7 @@ const cs = (e, t) => {
         e.key
       );
     case "line":
-      return /* @__PURE__ */ l.jsx(
+      return /* @__PURE__ */ i.jsx(
         Vn,
         {
           dataKey: e.key,
@@ -1653,7 +1653,7 @@ const cs = (e, t) => {
         e.key
       );
     case "bar":
-      return /* @__PURE__ */ l.jsx(
+      return /* @__PURE__ */ i.jsx(
         Ue,
         {
           dataKey: e.key,
@@ -1680,20 +1680,20 @@ const cs = (e, t) => {
   } = e;
   !s.length && qt.NODE_ENV;
   const d = cs(s, r);
-  return /* @__PURE__ */ l.jsxs(je, { width: a, data: t, Chart: Kn, children: [
-    /* @__PURE__ */ l.jsx(Ce, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ l.jsx(we, { dataKey: n }),
-    d.length > 0 ? d.map((i) => /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsxs(je, { width: a, data: t, Chart: Kn, children: [
+    /* @__PURE__ */ i.jsx(Ce, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ i.jsx(we, { dataKey: n }),
+    d.length > 0 ? d.map((l) => /* @__PURE__ */ i.jsx(
       le,
       {
-        yAxisId: i.id,
-        orientation: i.orientation
+        yAxisId: l.id,
+        orientation: l.orientation
       },
-      i.id
-    )) : /* @__PURE__ */ l.jsx(le, {}),
-    /* @__PURE__ */ l.jsx(re, { tooltipKey: o }),
-    c && /* @__PURE__ */ l.jsx(ne, {}),
-    s.map((i, u) => is(i, u))
+      l.id
+    )) : /* @__PURE__ */ i.jsx(le, {}),
+    /* @__PURE__ */ i.jsx(re, { tooltipKey: o }),
+    c && /* @__PURE__ */ i.jsx(ne, {}),
+    s.map((l, u) => is(l, u))
   ] });
 }, ds = (e) => `palette-${e % B.length + 1}-50`, us = (e, t, n) => e.map((s, o) => ({
   label: String(s[t] ?? ""),
@@ -1716,7 +1716,7 @@ const cs = (e, t) => {
     defaultIndex: c,
     showLegend: r = !0
   } = e, d = s[0];
-  return /* @__PURE__ */ l.jsx("div", { className: fs.donutChart, style: { height: z }, children: /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx("div", { className: fs.donutChart, style: { height: z }, children: /* @__PURE__ */ i.jsx(
     _n,
     {
       segments: us(t, n, d),
@@ -1725,9 +1725,9 @@ const cs = (e, t) => {
       autoLegendReserve: r ? As : 0,
       defaultIndex: c,
       ..._s(a),
-      chartChildren: /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-        !a && /* @__PURE__ */ l.jsx(re, { tooltipKey: o, defaultIndex: c }),
-        r && /* @__PURE__ */ l.jsx(ne, {})
+      chartChildren: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+        !a && /* @__PURE__ */ i.jsx(re, { tooltipKey: o, defaultIndex: c }),
+        r && /* @__PURE__ */ i.jsx(ne, {})
       ] })
     }
   ) });
@@ -1766,14 +1766,14 @@ const Cs = (e) => {
     chartHeight: c,
     tooltipCoverage: r,
     showLegend: d = !0,
-    yKeyLabels: i,
+    yKeyLabels: l,
     yAxisWidth: u
   } = e, _ = xs(
     t.length,
     a,
     c
   ), h = ys(t, s, u);
-  return /* @__PURE__ */ l.jsxs(
+  return /* @__PURE__ */ i.jsxs(
     je,
     {
       height: _,
@@ -1781,16 +1781,16 @@ const Cs = (e) => {
       data: t,
       Chart: kt,
       children: [
-        /* @__PURE__ */ l.jsx(Ce, { strokeDasharray: "3 3", horizontal: !1 }),
-        /* @__PURE__ */ l.jsx(we, { type: "number" }),
-        /* @__PURE__ */ l.jsx(le, { type: "category", dataKey: s, width: h }),
-        /* @__PURE__ */ l.jsx(re, { tooltipKey: o, tooltipCoverage: r }),
-        d && /* @__PURE__ */ l.jsx(ne, {}),
-        n.map((f, g) => /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ i.jsx(Ce, { strokeDasharray: "3 3", horizontal: !1 }),
+        /* @__PURE__ */ i.jsx(we, { type: "number" }),
+        /* @__PURE__ */ i.jsx(le, { type: "category", dataKey: s, width: h }),
+        /* @__PURE__ */ i.jsx(re, { tooltipKey: o, tooltipCoverage: r }),
+        d && /* @__PURE__ */ i.jsx(ne, {}),
+        n.map((f, g) => /* @__PURE__ */ i.jsx(
           Ue,
           {
             dataKey: f,
-            name: (i == null ? void 0 : i[f]) ?? f,
+            name: (l == null ? void 0 : l[f]) ?? f,
             fill: B[g % B.length]
           },
           f
@@ -1809,42 +1809,42 @@ const Cs = (e) => {
   chartHeight: r
 }) => {
   const d = A(
-    () => n.map((i) => {
+    () => n.map((l) => {
       var u;
       return {
-        key: i,
-        label: ((u = s == null ? void 0 : s[i]) == null ? void 0 : u.trim()) || i,
-        color: bs(o, i)
+        key: l,
+        label: ((u = s == null ? void 0 : s[l]) == null ? void 0 : u.trim()) || l,
+        color: bs(o, l)
       };
     }),
     [n, s, o]
   );
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     hn,
     {
       data: e,
       xKey: t,
       series: d,
-      label: d.map(({ label: i }) => i).join(", "),
+      label: d.map(({ label: l }) => l).join(", "),
       height: r ?? z,
       maxSeries: d.length || void 0,
       showLegend: c,
       showTooltip: !0,
       showCursor: !0,
-      renderTooltip: a ? (i) => i[a] : void 0
+      renderTooltip: a ? (l) => l[a] : void 0
     }
   );
 };
 var ws = { NODE_ENV: "production" };
 const Ns = (e) => {
   const { data: t, xKey: n, series: s = [], tooltipKey: o, width: a } = e;
-  return !s.length && ws.NODE_ENV, /* @__PURE__ */ l.jsxs(je, { width: a, data: t, Chart: kt, children: [
-    /* @__PURE__ */ l.jsx(Ce, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ l.jsx(we, { dataKey: n }),
-    /* @__PURE__ */ l.jsx(le, {}),
-    /* @__PURE__ */ l.jsx(re, { tooltipKey: o }),
-    /* @__PURE__ */ l.jsx(ne, {}),
-    s.map((c, r) => /* @__PURE__ */ l.jsx(
+  return !s.length && ws.NODE_ENV, /* @__PURE__ */ i.jsxs(je, { width: a, data: t, Chart: kt, children: [
+    /* @__PURE__ */ i.jsx(Ce, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ i.jsx(we, { dataKey: n }),
+    /* @__PURE__ */ i.jsx(le, {}),
+    /* @__PURE__ */ i.jsx(re, { tooltipKey: o }),
+    /* @__PURE__ */ i.jsx(ne, {}),
+    s.map((c, r) => /* @__PURE__ */ i.jsx(
       Ue,
       {
         dataKey: c.key,
@@ -1860,12 +1860,12 @@ const Ns = (e) => {
     cx: c,
     cy: r,
     midAngle: d,
-    innerRadius: i,
+    innerRadius: l,
     outerRadius: u,
     value: _
   }) => {
-    const h = Math.PI / 180, f = 25 + i + (u - i), g = c + f * Math.cos(-(d ?? 0) * h), x = r + f * Math.sin(-(d ?? 0) * h);
-    return /* @__PURE__ */ l.jsx(
+    const h = Math.PI / 180, f = 25 + l + (u - l), g = c + f * Math.cos(-(d ?? 0) * h), x = r + f * Math.sin(-(d ?? 0) * h);
+    return /* @__PURE__ */ i.jsx(
       "text",
       {
         x: g,
@@ -1878,10 +1878,10 @@ const Ns = (e) => {
       }
     );
   };
-  return /* @__PURE__ */ l.jsx(At, { width: "100%", height: z, children: /* @__PURE__ */ l.jsxs(zn, { children: [
-    /* @__PURE__ */ l.jsx(re, { tooltipKey: o }),
-    /* @__PURE__ */ l.jsx(ne, {}),
-    /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(At, { width: "100%", height: z, children: /* @__PURE__ */ i.jsxs(zn, { children: [
+    /* @__PURE__ */ i.jsx(re, { tooltipKey: o }),
+    /* @__PURE__ */ i.jsx(ne, {}),
+    /* @__PURE__ */ i.jsx(
       Xn,
       {
         data: t,
@@ -1889,7 +1889,7 @@ const Ns = (e) => {
         nameKey: n,
         label: a,
         outerRadius: 120,
-        children: t.map((c, r) => /* @__PURE__ */ l.jsx(
+        children: t.map((c, r) => /* @__PURE__ */ i.jsx(
           Jn,
           {
             fill: B[r % B.length]
@@ -1945,7 +1945,7 @@ const Ns = (e) => {
     o,
     e,
     c
-  ), d = o > 0 && r > o, i = S(
+  ), d = o > 0 && r > o, l = S(
     (u) => {
       if (u.defaultPrevented || u.target !== u.currentTarget)
         return;
@@ -1968,7 +1968,7 @@ const Ns = (e) => {
     },
     [c]
   );
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     "div",
     {
       ref: s,
@@ -1976,8 +1976,8 @@ const Ns = (e) => {
       role: d ? "region" : void 0,
       tabIndex: d ? 0 : void 0,
       "aria-label": d ? Ls : void 0,
-      onKeyDown: d ? i : void 0,
-      children: /* @__PURE__ */ l.jsx(
+      onKeyDown: d ? l : void 0,
+      children: /* @__PURE__ */ i.jsx(
         "div",
         {
           className: xt.chartScrollViewport_track,
@@ -1988,7 +1988,7 @@ const Ns = (e) => {
     }
   );
 }, Bs = (e) => {
-  const { component: t, userFlow: n, hash: s, responseKey: o, dataSource: a, ...c } = e, r = Ds[c.type], { fetchDataSource: d } = H(), [i, u] = O(!1), [_, h] = O([]), f = async () => {
+  const { component: t, userFlow: n, hash: s, responseKey: o, dataSource: a, ...c } = e, r = Ds[c.type], { fetchDataSource: d } = H(), [l, u] = O(!1), [_, h] = O([]), f = async () => {
     var m, y;
     try {
       u(!0);
@@ -2008,19 +2008,19 @@ const Ns = (e) => {
   if (G(() => {
     r && (a ? f() : h(c.data));
   }, []), !r)
-    return /* @__PURE__ */ l.jsx("div", { children: "Not supported chart type" });
+    return /* @__PURE__ */ i.jsx("div", { children: "Not supported chart type" });
   const g = {
     ...c,
     data: _
   };
-  return i ? /* @__PURE__ */ l.jsx(Et, { height: 400 }) : _.length === 0 ? /* @__PURE__ */ l.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Rs.has(c.type) ? /* @__PURE__ */ l.jsx(
+  return l ? /* @__PURE__ */ i.jsx(Et, { height: 400 }) : _.length === 0 ? /* @__PURE__ */ i.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Rs.has(c.type) ? /* @__PURE__ */ i.jsx(
     qs,
     {
       dataLength: _.length,
       minCategoryWidth: c.minCategoryWidth,
-      children: (m) => /* @__PURE__ */ l.jsx(r, { ...g, width: m })
+      children: (m) => /* @__PURE__ */ i.jsx(r, { ...g, width: m })
     }
-  ) : /* @__PURE__ */ l.jsx(r, { ...g });
+  ) : /* @__PURE__ */ i.jsx(r, { ...g });
 }, Hs = (e) => {
   const {
     userFlow: t,
@@ -2031,9 +2031,9 @@ const Ns = (e) => {
     value: c,
     required: r,
     dependencies: d,
-    ...i
+    ...l
   } = e, u = {
-    ...i
+    ...l
   }, { getNextUI: _ } = H(), [h, f] = O(c || !1), { disabled: g } = I(
     t,
     d
@@ -2066,7 +2066,7 @@ const Ns = (e) => {
       console.error("Error in checkbox action:", p), alert(JSON.stringify(p));
     }
   }, [t, n, s, o, h]), y = (u == null ? void 0 : u.disabled) ?? g;
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     fn,
     {
       ...u,
@@ -2095,13 +2095,13 @@ const Ns = (e) => {
     value: c,
     required: r,
     dependencies: d,
-    disabled: i,
+    disabled: l,
     showPreview: u,
     height: _ = "400px"
   } = e, [h, f] = O(c ?? ""), g = ue.useThemeStore((N) => N.theme.mode), { disabled: x } = I(
     t,
     d
-  ), m = i ?? x, y = {
+  ), m = l ?? x, y = {
     json: ct(),
     markdown: Qn(),
     sql: Zn(),
@@ -2113,10 +2113,10 @@ const Ns = (e) => {
     };
     L(t, b);
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: P.codeEditor, children: [
-    C && C !== "" && /* @__PURE__ */ l.jsx("label", { className: P.codeEditor_label, children: C }),
-    /* @__PURE__ */ l.jsxs("div", { className: P.codeEditor_wrapper, children: [
-      /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsxs("div", { className: P.codeEditor, children: [
+    C && C !== "" && /* @__PURE__ */ i.jsx("label", { className: P.codeEditor_label, children: C }),
+    /* @__PURE__ */ i.jsxs("div", { className: P.codeEditor_wrapper, children: [
+      /* @__PURE__ */ i.jsx(
         Yn,
         {
           className: P.input,
@@ -2129,7 +2129,7 @@ const Ns = (e) => {
           editable: !m
         }
       ),
-      o === "markdown" && u && /* @__PURE__ */ l.jsx("div", { className: P.preview, style: { height: _ }, children: /* @__PURE__ */ l.jsx(vt, { className: P.preview_inner, children: h }) })
+      o === "markdown" && u && /* @__PURE__ */ i.jsx("div", { className: P.preview, style: { height: _ }, children: /* @__PURE__ */ i.jsx(vt, { className: P.preview_inner, children: h }) })
     ] })
   ] });
 }, Js = "_slotStack_6n2wy_5", Ws = {
@@ -2155,9 +2155,9 @@ const Qs = /* @__PURE__ */ new Set([
   "textarea"
 ]), He = (e, t) => {
   if (e != null && e.length)
-    return /* @__PURE__ */ l.jsx("div", { className: Ws.slotStack, children: e.map((n, s) => {
+    return /* @__PURE__ */ i.jsx("div", { className: Ws.slotStack, children: e.map((n, s) => {
       var o;
-      return /* @__PURE__ */ l.jsx(k, { children: n }, ((o = t == null ? void 0 : t[s]) == null ? void 0 : o.hash) ?? s);
+      return /* @__PURE__ */ i.jsx(k, { children: n }, ((o = t == null ? void 0 : t[s]) == null ? void 0 : o.hash) ?? s);
     }) });
 }, Zs = ({
   userFlow: e,
@@ -2169,7 +2169,7 @@ const Qs = /* @__PURE__ */ new Set([
   topContent: c,
   icon: r,
   headerStatusColor: d,
-  ...i
+  ...l
 }) => {
   const u = d ? `palette_${d}_50` : void 0, _ = T(
     e,
@@ -2180,10 +2180,10 @@ const Qs = /* @__PURE__ */ new Set([
     t,
     c != null && c.length ? c : null
   );
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     Tt,
     {
-      ...i,
+      ...l,
       icon: r,
       headerStatusColor: u,
       topContent: He(h, c),
@@ -2200,7 +2200,7 @@ const Qs = /* @__PURE__ */ new Set([
   dependencies: c,
   content: r,
   icon: d,
-  ariaLabel: i,
+  ariaLabel: l,
   description: u,
   descriptionBottom: _,
   disabled: h,
@@ -2228,7 +2228,7 @@ const Qs = /* @__PURE__ */ new Set([
   }) : void 0, v = h ?? j;
   w && (r != null && r.some((X) => Qs.has(X.component))) && Ys.NODE_ENV;
   const R = w ? { onClick: w, disabled: v } : {};
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     Tt,
     {
       version: "v2",
@@ -2237,7 +2237,7 @@ const Qs = /* @__PURE__ */ new Set([
       showBorder: x,
       borderColor: m,
       title: y,
-      ariaLabel: i,
+      ariaLabel: l,
       descriptionTop: C,
       descriptionBottom: _ ?? u,
       pillLabel: p,
@@ -2246,9 +2246,9 @@ const Qs = /* @__PURE__ */ new Set([
       children: He(N, r)
     }
   );
-}, Ps = (e) => e.version === "v2" ? /* @__PURE__ */ l.jsx(Fs, { ...e }) : /* @__PURE__ */ l.jsx(Zs, { ...e }), eo = "_dividerNotFront_tze3j_1", to = {
+}, Ps = (e) => e.version === "v2" ? /* @__PURE__ */ i.jsx(Fs, { ...e }) : /* @__PURE__ */ i.jsx(Zs, { ...e }), eo = "_dividerNotFront_tze3j_1", to = {
   dividerNotFront: eo
-}, no = (e) => /* @__PURE__ */ l.jsx(gn, { ...e, className: to.dividerNotFront }), ro = "_drawer_13pxo_1", so = "_drawerBody_13pxo_5", oo = "_drawerFooter_13pxo_11", $e = {
+}, no = (e) => /* @__PURE__ */ i.jsx(gn, { ...e, className: to.dividerNotFront }), ro = "_drawer_13pxo_1", so = "_drawerBody_13pxo_5", oo = "_drawerFooter_13pxo_11", $e = {
   drawer: ro,
   drawerBody: so,
   drawerFooter: oo
@@ -2267,24 +2267,24 @@ const Qs = /* @__PURE__ */ new Set([
   }), d = E((m) => {
     var y;
     return (y = m[e]) == null ? void 0 : y.isLoading;
-  }), i = r && !d, u = {
+  }), l = r && !d, u = {
     ...c,
-    isOpen: i,
+    isOpen: l,
     children: null
   }, _ = S(() => {
     Ke(e), ie(e, !1);
-  }, [e]), h = Array.isArray(s) ? T(e, t, s) : s ? /* @__PURE__ */ l.jsx(wt, { type: "h2", children: s }) : void 0, f = T(e, t, o), g = a ? T(e, t, a) : void 0;
-  return /* @__PURE__ */ l.jsx(
+  }, [e]), h = Array.isArray(s) ? T(e, t, s) : s ? /* @__PURE__ */ i.jsx(wt, { type: "h2", children: s }) : void 0, f = T(e, t, o), g = a ? T(e, t, a) : void 0;
+  return /* @__PURE__ */ i.jsx(
     mn,
     {
       ...u,
       className: $e.drawer,
-      isOpen: i,
+      isOpen: l,
       onClose: _,
       heightGap: 50,
-      title: h ? /* @__PURE__ */ l.jsx(l.Fragment, { children: Array.isArray(h) ? h.map((m, y) => /* @__PURE__ */ l.jsx(k, { children: m }, `drawer-header-${y}`)) : h }) : void 0,
-      children: /* @__PURE__ */ l.jsx("section", { className: $e.drawerBody, children: f.map((m, y) => /* @__PURE__ */ l.jsx(k, { children: m }, `drawer-body-${y}`)) }),
-      footer: g ? /* @__PURE__ */ l.jsx("div", { className: $e.drawerFooter, children: g.map((m, y) => /* @__PURE__ */ l.jsx(k, { children: m }, `drawer-footer-${y}`)) }) : void 0
+      title: h ? /* @__PURE__ */ i.jsx(i.Fragment, { children: Array.isArray(h) ? h.map((m, y) => /* @__PURE__ */ i.jsx(k, { children: m }, `drawer-header-${y}`)) : h }) : void 0,
+      children: /* @__PURE__ */ i.jsx("section", { className: $e.drawerBody, children: f.map((m, y) => /* @__PURE__ */ i.jsx(k, { children: m }, `drawer-body-${y}`)) }),
+      footer: g ? /* @__PURE__ */ i.jsx("div", { className: $e.drawerFooter, children: g.map((m, y) => /* @__PURE__ */ i.jsx(k, { children: m }, `drawer-footer-${y}`)) }) : void 0
     }
   );
 }, Je = (e, t, n) => {
@@ -2310,7 +2310,7 @@ const Qs = /* @__PURE__ */ new Set([
     templateRedirectUrl: c,
     templateTarget: r = "_blank",
     dependencies: d,
-    uploadStatus: i = "idle",
+    uploadStatus: l = "idle",
     notificationVisible: u = !1,
     rule1: _,
     rule2: h,
@@ -2328,13 +2328,13 @@ const Qs = /* @__PURE__ */ new Set([
   ), N = S(() => {
     x(null);
   }, [x]);
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     xn,
     {
       ...f,
       rules: co(_, h),
       file: g,
-      uploadStatus: i,
+      uploadStatus: l,
       disabled: y,
       notificationVisible: u,
       onFileChange: p,
@@ -2352,7 +2352,7 @@ const Qs = /* @__PURE__ */ new Set([
     content: c,
     items: r,
     disabled: d,
-    variant: i,
+    variant: l,
     leftIcon: u,
     rightIcon: _
   } = e, h = te(t, n), f = A(
@@ -2370,14 +2370,14 @@ const Qs = /* @__PURE__ */ new Set([
     })),
     [r, h]
   );
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     yn,
     {
       disabled: d,
-      variant: i,
+      variant: l,
       items: f,
-      children: /* @__PURE__ */ l.jsxs(k, { children: [
-        u ? /* @__PURE__ */ l.jsx(
+      children: /* @__PURE__ */ i.jsxs(k, { children: [
+        u ? /* @__PURE__ */ i.jsx(
           at,
           {
             name: u,
@@ -2386,7 +2386,7 @@ const Qs = /* @__PURE__ */ new Set([
           }
         ) : null,
         c,
-        _ ? /* @__PURE__ */ l.jsx(
+        _ ? /* @__PURE__ */ i.jsx(
           at,
           {
             name: _,
@@ -2400,7 +2400,7 @@ const Qs = /* @__PURE__ */ new Set([
 }, uo = "_header_g1eri_1", _o = "_header_content_g1eri_5", yt = {
   header: uo,
   header_content: _o
-}, ho = ({ components: e = [] }) => /* @__PURE__ */ l.jsx("section", { className: J(yt.header, "avocado-dark-theme"), children: /* @__PURE__ */ l.jsx("div", { className: yt.header_content, children: e.map((t, n) => /* @__PURE__ */ l.jsx(k, { children: t }, n)) }) }), fo = (e, t, n, s, o) => {
+}, ho = ({ components: e = [] }) => /* @__PURE__ */ i.jsx("section", { className: J(yt.header, "avocado-dark-theme"), children: /* @__PURE__ */ i.jsx("div", { className: yt.header_content, children: e.map((t, n) => /* @__PURE__ */ i.jsx(k, { children: t }, n)) }) }), fo = (e, t, n, s, o) => {
   const a = Xe(
     e,
     n
@@ -2409,15 +2409,15 @@ const Qs = /* @__PURE__ */ new Set([
   }, d = s.map((u, _) => _ === s.length - 1 || !u.actionType ? { title: u.title } : u.actionType === "REDIRECT" ? { title: u.title, path: u.redirectUrl } : {
     title: u.title,
     path: "#",
-    component: /* @__PURE__ */ l.jsx("a", { onClick: (h) => void r(h, u) })
-  }), i = o.map((u) => ({
+    component: /* @__PURE__ */ i.jsx("a", { onClick: (h) => void r(h, u) })
+  }), l = o.map((u) => ({
     label: u.content ?? u.label ?? "",
     icon: u.leftIcon,
     onClick: (_) => {
       _.preventDefault(), c(u);
     }
   }));
-  return { breadcrumbs: d, menu: i };
+  return { breadcrumbs: d, menu: l };
 }, Ht = ({
   userFlow: e,
   pageId: t,
@@ -2428,7 +2428,7 @@ const Qs = /* @__PURE__ */ new Set([
   menuItems: c = [],
   components: r,
   onResolveComponentProps: d,
-  ...i
+  ...l
 }) => {
   const { breadcrumbs: u, menu: _ } = fo(
     e,
@@ -2442,9 +2442,9 @@ const Qs = /* @__PURE__ */ new Set([
     r ?? null,
     d
   );
-  return /* @__PURE__ */ l.jsx(pn, { ...i, breadcrumbsItems: u, menuItems: _, children: h != null && h.length ? h.map((f, g) => {
+  return /* @__PURE__ */ i.jsx(pn, { ...l, breadcrumbsItems: u, menuItems: _, children: h != null && h.length ? h.map((f, g) => {
     var x;
-    return /* @__PURE__ */ l.jsx(k, { children: f }, ((x = r == null ? void 0 : r[g]) == null ? void 0 : x.hash) ?? g);
+    return /* @__PURE__ */ i.jsx(k, { children: f }, ((x = r == null ? void 0 : r[g]) == null ? void 0 : x.hash) ?? g);
   }) : void 0 });
 }, go = (e) => {
   const {
@@ -2456,7 +2456,7 @@ const Qs = /* @__PURE__ */ new Set([
     redirectUrl: c,
     target: r,
     dependencies: d,
-    component: i,
+    component: l,
     hash: u,
     ..._
   } = e, { getNextUI: h } = H(), { disabled: f } = I(
@@ -2499,7 +2499,7 @@ const Qs = /* @__PURE__ */ new Set([
         alert(JSON.stringify(C));
       }
   }, [o, h, n, c, s, r, t]), m = g.disabled ?? f;
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     bn,
     {
       ...g,
@@ -2518,7 +2518,7 @@ const Qs = /* @__PURE__ */ new Set([
     items: c,
     closeOnClick: r,
     disabled: d,
-    listOrigin: i,
+    listOrigin: l,
     size: u,
     variant: _
   } = e, h = te(t, n), f = A(
@@ -2538,13 +2538,13 @@ const Qs = /* @__PURE__ */ new Set([
     })),
     [c, h]
   );
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     Cn,
     {
       items: f,
       closeOnClick: r,
       disabled: d,
-      listOrigin: i,
+      listOrigin: l,
       size: u,
       variant: _
     }
@@ -2564,22 +2564,22 @@ const Qs = /* @__PURE__ */ new Set([
   const d = E((y) => {
     var C;
     return (C = y[e]) == null ? void 0 : C.isModalOpen;
-  }), i = E((y) => {
+  }), l = E((y) => {
     var C;
     return (C = y[e]) == null ? void 0 : C.isLoading;
-  }), u = d && !i, _ = {
+  }), u = d && !l, _ = {
     ...r
   }, h = (_ == null ? void 0 : _.headerStatusColor) ?? c, f = S(() => {
     Ke(e), Ve(e, !1);
   }, [e, n]), g = Array.isArray(s) ? T(e, t, s) : s, x = T(e, t, o), m = T(e, t, a);
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     jn,
     {
       ..._,
       headerStatusColor: h,
-      header: typeof g == "string" ? g : /* @__PURE__ */ l.jsx(l.Fragment, { children: g.map((y, C) => /* @__PURE__ */ l.jsx(k, { children: y }, `modal-header-${C}`)) }),
-      children: /* @__PURE__ */ l.jsx("section", { className: yo.modalContent, children: x.map((y, C) => /* @__PURE__ */ l.jsx(k, { children: y }, `modal-body-${C}`)) }),
-      actions: /* @__PURE__ */ l.jsx(l.Fragment, { children: m.map((y, C) => /* @__PURE__ */ l.jsx(k, { children: y }, `modal-footer-${C}`)) }),
+      header: typeof g == "string" ? g : /* @__PURE__ */ i.jsx(i.Fragment, { children: g.map((y, C) => /* @__PURE__ */ i.jsx(k, { children: y }, `modal-header-${C}`)) }),
+      children: /* @__PURE__ */ i.jsx("section", { className: yo.modalContent, children: x.map((y, C) => /* @__PURE__ */ i.jsx(k, { children: y }, `modal-body-${C}`)) }),
+      actions: /* @__PURE__ */ i.jsx(i.Fragment, { children: m.map((y, C) => /* @__PURE__ */ i.jsx(k, { children: y }, `modal-footer-${C}`)) }),
       open: u,
       onClose: f
     }
@@ -2598,9 +2598,9 @@ const Qs = /* @__PURE__ */ new Set([
     t,
     s
   );
-  return /* @__PURE__ */ l.jsx(l.Fragment, { children: o == null ? void 0 : o.map((r, d) => {
-    const i = `overlay-${d}-${n == null ? void 0 : n.hash}`;
-    return /* @__PURE__ */ l.jsx(k, { children: r }, i);
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: o == null ? void 0 : o.map((r, d) => {
+    const l = `overlay-${d}-${n == null ? void 0 : n.hash}`;
+    return /* @__PURE__ */ i.jsx(k, { children: r }, l);
   }) });
 }, Co = [
   "success",
@@ -2678,10 +2678,10 @@ const Qs = /* @__PURE__ */ new Set([
     textColor: (s == null ? void 0 : s.textColor) ?? o.textColor,
     iconColor: (s == null ? void 0 : s.iconColor) ?? o.iconColor
   };
-  return /* @__PURE__ */ l.jsx(Le, { ...a });
+  return /* @__PURE__ */ i.jsx(Le, { ...a });
 }, To = (e) => {
   const { content: t } = e;
-  return /* @__PURE__ */ l.jsx(vt, { children: t });
+  return /* @__PURE__ */ i.jsx(vt, { children: t });
 }, Ao = (e) => {
   const {
     userFlow: t,
@@ -2692,7 +2692,7 @@ const Qs = /* @__PURE__ */ new Set([
     dependencies: c,
     onClick: r,
     ...d
-  } = e, i = te(t, n), { disabled: u } = I(
+  } = e, l = te(t, n), { disabled: u } = I(
     t,
     c
   ), _ = {
@@ -2703,7 +2703,7 @@ const Qs = /* @__PURE__ */ new Set([
     const y = o === "FETCH_DATA_SOURCE";
     y && (x.current = !0, g(!0));
     try {
-      await i({
+      await l({
         responseKey: s,
         actionType: o,
         dataSource: a,
@@ -2714,8 +2714,8 @@ const Qs = /* @__PURE__ */ new Set([
     } finally {
       y && (x.current = !1, g(!1));
     }
-  }, [o, a, c, s, i]);
-  return /* @__PURE__ */ l.jsx(
+  }, [o, a, c, s, l]);
+  return /* @__PURE__ */ i.jsx(
     wn,
     {
       ..._,
@@ -2776,18 +2776,18 @@ const Qs = /* @__PURE__ */ new Set([
     gap: a = "md",
     justifyContent: c = "start",
     alignItems: r = "stretch"
-  } = e, d = Array.isArray(o) ? o.map((i, u) => {
+  } = e, d = Array.isArray(o) ? o.map((l, u) => {
     const _ = `col_${u}`, h = `col_${u}`;
-    if (Array.isArray(i))
+    if (Array.isArray(l))
       return {
         gap: "md",
         justifyContent: "start",
         alignItems: "start",
-        items: i,
+        items: l,
         hash: _,
         responseKey: h
       };
-    const f = i;
+    const f = l;
     return {
       gap: (f == null ? void 0 : f.gap) ?? "md",
       justifyContent: (f == null ? void 0 : f.justifyContent) ?? "start",
@@ -2797,7 +2797,7 @@ const Qs = /* @__PURE__ */ new Set([
       responseKey: (f == null ? void 0 : f.responseKey) ?? h
     };
   }) : [];
-  return d.length === 0 ? null : /* @__PURE__ */ l.jsx(
+  return d.length === 0 ? null : /* @__PURE__ */ i.jsx(
     "div",
     {
       className: J(
@@ -2806,21 +2806,21 @@ const Qs = /* @__PURE__ */ new Set([
         K[`row__justify-${c}`],
         K[`row__align-${r}`]
       ),
-      children: d == null ? void 0 : d.map((i, u) => {
-        const _ = (s == null ? void 0 : s[u]) || `${100 / d.length}%`, h = T(t, n, i.items);
-        return !h || h.length === 0 ? null : /* @__PURE__ */ l.jsx(
+      children: d == null ? void 0 : d.map((l, u) => {
+        const _ = (s == null ? void 0 : s[u]) || `${100 / d.length}%`, h = T(t, n, l.items);
+        return !h || h.length === 0 ? null : /* @__PURE__ */ i.jsx(
           "div",
           {
             className: J(
               K.row_column,
-              K[`row_column__gap-${i.gap}`],
-              K[`row_column__justify-${i.justifyContent}`],
-              K[`row_column__align-${i.alignItems}`]
+              K[`row_column__gap-${l.gap}`],
+              K[`row_column__justify-${l.justifyContent}`],
+              K[`row_column__align-${l.alignItems}`]
             ),
             style: { width: _ },
             children: h
           },
-          i.hash || u
+          l.hash || u
         );
       })
     }
@@ -2896,11 +2896,11 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
   var r, d;
   let o, a;
   if (n) {
-    const i = $.value(e, n.size ?? "$.meta.size") ?? s, u = $.value(e, n.total ?? "$.meta.total") ?? 0;
-    o = i, a = u;
+    const l = $.value(e, n.size ?? "$.meta.size") ?? s, u = $.value(e, n.total ?? "$.meta.total") ?? 0;
+    o = l, a = u;
   } else {
-    const i = e == null ? void 0 : e.meta;
-    o = (i == null ? void 0 : i.size) ?? ((r = i == null ? void 0 : i.page) == null ? void 0 : r.size) ?? s, a = (i == null ? void 0 : i.total) ?? ((d = i == null ? void 0 : i.page) == null ? void 0 : d.total) ?? 0;
+    const l = e == null ? void 0 : e.meta;
+    o = (l == null ? void 0 : l.size) ?? ((r = l == null ? void 0 : l.page) == null ? void 0 : r.size) ?? s, a = (l == null ? void 0 : l.total) ?? ((d = l == null ? void 0 : l.page) == null ? void 0 : d.total) ?? 0;
   }
   const c = a > 0 ? Math.ceil(a / o) > t : !1;
   return {
@@ -2921,13 +2921,13 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
   debounceMs: r,
   ...d
 }) => {
-  const i = {
+  const l = {
     ...d
-  }, { getNextUI: u, fetchDataSource: _ } = H(), [h, f] = O((i == null ? void 0 : i.value) ?? ""), { disabled: g } = I(
+  }, { getNextUI: u, fetchDataSource: _ } = H(), [h, f] = O((l == null ? void 0 : l.value) ?? ""), { disabled: g } = I(
     e,
     c
-  ), x = (i == null ? void 0 : i.disabled) ?? g, m = A(() => s && (i != null && i.label) ? `${i == null ? void 0 : i.label} *` : (i == null ? void 0 : i.label) ?? "", [i == null ? void 0 : i.label, s]), y = A(() => {
-    const b = i != null && i.isMulti ? h : [h], j = {};
+  ), x = (l == null ? void 0 : l.disabled) ?? g, m = A(() => s && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, s]), y = A(() => {
+    const b = l != null && l.isMulti ? h : [h], j = {};
     return Array.isArray(b) && b.forEach((w) => {
       if (!w) return;
       const v = JSON.stringify(w.value), R = JSON.stringify(w.label);
@@ -2939,7 +2939,7 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
     responseKey: n,
     actionType: a,
     getNextUI: u,
-    isMulti: i == null ? void 0 : i.isMulti,
+    isMulti: l == null ? void 0 : l.isMulti,
     debounceMs: r
   }), p = (b) => {
     f(b), C(b);
@@ -2975,15 +2975,15 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
       }
     };
   };
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     Nn,
     {
-      ...i,
+      ...l,
       className: Gt.selectNotFront,
       label: m,
       value: h,
       disabled: x,
-      noOptionsMessage: () => /* @__PURE__ */ l.jsx(l.Fragment, { children: "Sin opciones" }),
+      noOptionsMessage: () => /* @__PURE__ */ i.jsx(i.Fragment, { children: "Sin opciones" }),
       onChange: (b) => !x && p(b),
       loadOptions: N,
       additional: { page: 1 },
@@ -3005,26 +3005,26 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
   debounceMs: r,
   ...d
 }) => {
-  const i = {
+  const l = {
     ...d
-  }, { getNextUI: u } = H(), [_, h] = O(i.value || ""), { disabled: f } = I(
+  }, { getNextUI: u } = H(), [_, h] = O(l.value || ""), { disabled: f } = I(
     e,
     c
-  ), g = (i == null ? void 0 : i.disabled) ?? f, x = A(() => o && (i != null && i.label) ? `${i == null ? void 0 : i.label} *` : (i == null ? void 0 : i.label) ?? "", [i == null ? void 0 : i.label, o]), m = Ut({
+  ), g = (l == null ? void 0 : l.disabled) ?? f, x = A(() => o && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, o]), m = Ut({
     userFlow: e,
     pageId: t,
     responseKey: n,
     actionType: a,
     getNextUI: u,
-    isMulti: i == null ? void 0 : i.isMulti,
+    isMulti: l == null ? void 0 : l.isMulti,
     debounceMs: r
   }), y = (C) => {
     h(C), m(C);
   };
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     En,
     {
-      ...i,
+      ...l,
       className: Gt.selectNotFront,
       label: x,
       value: _,
@@ -3034,7 +3034,7 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
   );
 }, Ho = (e) => {
   const { dataSource: t } = e;
-  return t ? /* @__PURE__ */ l.jsx(qo, { ...e }) : /* @__PURE__ */ l.jsx(Bo, { ...e });
+  return t ? /* @__PURE__ */ i.jsx(qo, { ...e }) : /* @__PURE__ */ i.jsx(Bo, { ...e });
 }, Uo = "_spacing_19hqa_1", Go = "_spacing__xxs_19hqa_1", Mo = "_spacing__xs_19hqa_4", Ko = "_spacing__sm_19hqa_7", Vo = "_spacing__md_19hqa_10", zo = "_spacing__lg_19hqa_13", Xo = "_spacing__xl_19hqa_16", Jo = "_spacing__xxl_19hqa_19", Wo = "_spacing__xxxl_19hqa_22", bt = {
   spacing: Uo,
   spacing__xxs: Go,
@@ -3047,7 +3047,7 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
   spacing__xxxl: Wo
 }, Yo = (e) => {
   const { size: t } = e, n = J(bt.spacing, bt[`spacing__${t}`]);
-  return /* @__PURE__ */ l.jsx("div", { className: n });
+  return /* @__PURE__ */ i.jsx("div", { className: n });
 }, Qo = (e) => {
   const {
     userFlow: t,
@@ -3058,9 +3058,9 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
     value: c,
     required: r,
     dependencies: d,
-    ...i
+    ...l
   } = e, u = {
-    ...i
+    ...l
   }, { getNextUI: _ } = H(), [h, f] = O(c || !1), { disabled: g } = I(
     t,
     d
@@ -3093,7 +3093,7 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
       console.error("Error in switch action:", p), alert(JSON.stringify(p));
     }
   }, [t, n, s, o, h]);
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     vn,
     {
       ...u,
@@ -3106,17 +3106,14 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
 }, Zo = 10, Fo = [10, 20, 50, 100], Po = 72, ea = 120, ta = (e, t) => e != null && t.includes(e) ? e : t[0] ?? Zo, na = ({
   maxHeight: e,
   stickyHeader: t,
-  autoFitToViewport: n,
+  shouldFitToViewport: n,
   availableHeight: s
-}) => e != null ? {
-  maxHeight: e,
-  stickyHeader: t ?? !1
-} : !n || s == null ? {
-  maxHeight: void 0,
-  stickyHeader: t ?? !1
-} : {
-  maxHeight: s,
-  stickyHeader: t ?? !0
+}) => {
+  const o = e ?? (n ? s : void 0);
+  return {
+    maxHeight: o,
+    stickyHeader: t ?? o != null
+  };
 }, ra = ({
   viewportHeight: e,
   elementTop: t,
@@ -3168,10 +3165,10 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
     variant: t,
     outlined: n
   }), a = o.slice(0, 4), c = o.length - 4, r = ia(t, n);
-  return /* @__PURE__ */ l.jsxs("div", { className: We.tableArrayPills, children: [
-    a.map((d, i) => {
+  return /* @__PURE__ */ i.jsxs("div", { className: We.tableArrayPills, children: [
+    a.map((d, l) => {
       const u = be(d.variant, d.outlined);
-      return /* @__PURE__ */ l.jsx(
+      return /* @__PURE__ */ i.jsx(
         Le,
         {
           color: u.color,
@@ -3180,10 +3177,10 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
           outlined: d.outlined,
           children: d.label
         },
-        `${d.label}-${d.variant}-${d.outlined ?? !1}-${i}`
+        `${d.label}-${d.variant}-${d.outlined ?? !1}-${l}`
       );
     }),
-    c > 0 && /* @__PURE__ */ l.jsxs(
+    c > 0 && /* @__PURE__ */ i.jsxs(
       Le,
       {
         outlined: !0,
@@ -3206,13 +3203,13 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
 }) => {
   const { getNextUI: a, fetchAndGetNextUI: c, runGetDataSource: r } = H(), d = T(e, t, [
     { ...s }
-  ]), i = (d == null ? void 0 : d[0]) || null;
-  if (!i) return null;
+  ]), l = (d == null ? void 0 : d[0]) || null;
+  if (!l) return null;
   const {
     actionType: u,
     responseKey: _,
     dataSource: h
-  } = i.props, f = S(async () => {
+  } = l.props, f = S(async () => {
     var g;
     try {
       const x = {
@@ -3270,10 +3267,10 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
     c,
     o
   ]);
-  return en(i, {
+  return en(l, {
     onClick: f
   });
-}, ua = () => /* @__PURE__ */ l.jsx("div", { className: We.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ l.jsx(
+}, ua = () => /* @__PURE__ */ i.jsx("div", { className: We.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ i.jsx(
   Et,
   {
     maxWidth: "100%",
@@ -3290,7 +3287,7 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
   ...n,
   renderCell: (o) => {
     const a = n.accessor ? o[n.accessor] : void 0;
-    return Array.isArray(a) ? /* @__PURE__ */ l.jsx(
+    return Array.isArray(a) ? /* @__PURE__ */ i.jsx(
       la,
       {
         values: a,
@@ -3309,20 +3306,20 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
   data: c,
   pageSize: r,
   showRowsPerPage: d = !1,
-  pageSizeOptions: i,
+  pageSizeOptions: l,
   labelRowsPerPage: u,
-  autoHeight: _,
+  fitToViewport: _ = !1,
   ...h
 }) => {
   var et, tt;
-  const { fetchDataSource: f } = H(), [g, x] = O(!1), [m, y] = O(1), C = i ?? Fo, [p, N] = O(
+  const { fetchDataSource: f } = H(), [g, x] = O(!1), [m, y] = O(1), C = l ?? Fo, [p, N] = O(
     () => ta(r, C)
   ), [b, j] = O(null), w = !o && Array.isArray(c), v = !!(o != null && o.jsonPathCursorPagination) && !!((et = o == null ? void 0 : o.jsonPathPagination) != null && et.hasMore), R = d && !v, X = d || r != null, he = X ? p : void 0, W = de(
     /* @__PURE__ */ new Map([[1, null]])
   ), se = A(() => {
     if (a != null && a.length)
       return a.map((D, me) => ({
-        renderContent: (ve) => /* @__PURE__ */ l.jsx(
+        renderContent: (ve) => /* @__PURE__ */ i.jsx(
           da,
           {
             userFlow: e,
@@ -3402,13 +3399,13 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
   ]), Kt = A(
     () => _a(h.columns, Y),
     [Y, h.columns]
-  ), ge = (_ ?? !0) && !v, { tableContainerRef: Vt, availableHeight: Ye } = sa({
+  ), ge = _ && !v, { tableContainerRef: Vt, availableHeight: Ye } = sa({
     enabled: ge
   }), Qe = A(
     () => na({
       maxHeight: h.maxHeight,
       stickyHeader: h.stickyHeader,
-      autoFitToViewport: ge,
+      shouldFitToViewport: ge,
       availableHeight: Ye
     }),
     [
@@ -3424,16 +3421,16 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
     data: Mt,
     columns: Kt ?? [],
     rightActions: se
-  }, Ze = /* @__PURE__ */ l.jsx(Tn, { ...zt }), Fe = ge ? /* @__PURE__ */ l.jsx("div", { ref: Vt, className: We.table_scrollContainer, children: Ze }) : Ze, Pe = {
+  }, Ze = /* @__PURE__ */ i.jsx(Tn, { ...zt }), Fe = ge ? /* @__PURE__ */ i.jsx("div", { ref: Vt, className: We.table_scrollContainer, children: Ze }) : Ze, Pe = {
     showRowsPerPage: R,
     pageSizeOptions: C,
     labelRowsPerPage: u,
     onRowsPerPageChange: Ne
   };
   if (w)
-    return !Y || Y.length === 0 ? /* @__PURE__ */ l.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    return !Y || Y.length === 0 ? /* @__PURE__ */ i.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
       Fe,
-      (Ee || d) && c && /* @__PURE__ */ l.jsx(
+      (Ee || d) && c && /* @__PURE__ */ i.jsx(
         Se,
         {
           ...Pe,
@@ -3446,9 +3443,9 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
       )
     ] });
   const Xt = !v && (b == null ? void 0 : b.pagination) && (b.pagination.totalPages > 1 || d);
-  return /* @__PURE__ */ l.jsx(l.Fragment, { children: g ? /* @__PURE__ */ l.jsx(ua, {}) : b && ((tt = b == null ? void 0 : b.items) == null ? void 0 : tt.length) > 0 ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: g ? /* @__PURE__ */ i.jsx(ua, {}) : b && ((tt = b == null ? void 0 : b.items) == null ? void 0 : tt.length) > 0 ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     Fe,
-    Xt && /* @__PURE__ */ l.jsx(
+    Xt && /* @__PURE__ */ i.jsx(
       Se,
       {
         ...Pe,
@@ -3459,7 +3456,7 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
         onChange: fe
       }
     ),
-    v && (b == null ? void 0 : b.pagination) && /* @__PURE__ */ l.jsx(
+    v && (b == null ? void 0 : b.pagination) && /* @__PURE__ */ i.jsx(
       Se,
       {
         variant: "cursor",
@@ -3469,12 +3466,12 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
         onChange: fe
       }
     )
-  ] }) : /* @__PURE__ */ l.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
+  ] }) : /* @__PURE__ */ i.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
 }, fa = "_tabsPanel_kvslb_1", ga = {
   tabsPanel: fa
 }, ma = ({ userFlow: e, pageId: t, components: n }) => {
   const s = T(e, t, n);
-  return s != null && s.length ? /* @__PURE__ */ l.jsx("section", { className: ga.tabsPanel, children: s.map((o, a) => /* @__PURE__ */ l.jsx(k, { children: o }, `tabs-panel-${a}`)) }) : null;
+  return s != null && s.length ? /* @__PURE__ */ i.jsx("section", { className: ga.tabsPanel, children: s.map((o, a) => /* @__PURE__ */ i.jsx(k, { children: o }, `tabs-panel-${a}`)) }) : null;
 }, xa = ({
   userFlow: e,
   pageId: t,
@@ -3482,35 +3479,37 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
   items: s,
   activeIndex: o,
   className: a,
-  responseKey: c
+  responseKey: c,
+  preserveHeight: r
 }) => {
-  const r = s.map((i, u) => ({
-    label: i.label,
-    disabled: i.disabled,
-    children: /* @__PURE__ */ l.jsx(
+  const d = s.map((u, _) => ({
+    label: u.label,
+    disabled: u.disabled,
+    children: /* @__PURE__ */ i.jsx(
       ma,
       {
         userFlow: e,
         pageId: t,
-        components: i.components
+        components: u.components
       },
-      `${n}-tab-${u}`
+      `${n}-tab-${_}`
     )
-  })), d = (i) => {
-    var _;
-    const u = {
-      ...(_ = E.getState()[e]) == null ? void 0 : _.entries,
-      [c]: i
+  })), l = (u) => {
+    var h;
+    const _ = {
+      ...(h = E.getState()[e]) == null ? void 0 : h.entries,
+      [c]: u
     };
-    L(e, u);
+    L(e, _);
   };
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     An,
     {
       className: a,
       activeIndex: o,
-      items: r,
-      onClick: d
+      items: d,
+      onClick: l,
+      preserveHeight: r
     }
   );
 }, ya = "_textareaNotFront_1wpe5_1", pa = {
@@ -3525,15 +3524,15 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
     required: c,
     dependencies: r,
     ...d
-  } = e, { value: i, ...u } = d, [_, h] = Je(
+  } = e, { value: l, ...u } = d, [_, h] = Je(
     t,
     a,
-    i ?? ""
+    l ?? ""
   ), { disabled: f } = I(
     t,
     r
   ), g = (u == null ? void 0 : u.disabled) ?? f, x = A(() => c && (u != null && u.label) ? `${u.label} *` : (u == null ? void 0 : u.label) ?? "", [u == null ? void 0 : u.label, c]), m = (y) => h(y.target.value);
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     Sn,
     {
       ...u,
@@ -3556,15 +3555,15 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
     required: c,
     dependencies: r,
     ...d
-  } = e, { value: i, ...u } = d, [_, h] = Je(
+  } = e, { value: l, ...u } = d, [_, h] = Je(
     t,
     a,
-    i ?? ""
+    l ?? ""
   ), { disabled: f } = I(
     t,
     r
   ), g = (u == null ? void 0 : u.disabled) ?? f, x = A(() => c && (u != null && u.label) ? `${u == null ? void 0 : u.label} *` : (u == null ? void 0 : u.label) ?? "", [u == null ? void 0 : u.label, c]), m = (y) => h(y.target.value);
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     kn,
     {
       ...u,
@@ -3625,20 +3624,20 @@ const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
     content: c,
     label: r,
     placement: d,
-    notShowArrow: i,
+    notShowArrow: l,
     visible: u
   } = e, _ = T(
     t,
     n,
     c != null && c.length ? c : null
-  ), h = _ && _.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: Ct.tooltipNotFront_content, children: _.map((f, g) => /* @__PURE__ */ l.jsx(k, { children: f }, `tooltip-${o}-${g}`)) }) : null;
-  return /* @__PURE__ */ l.jsx(
+  ), h = _ && _.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: Ct.tooltipNotFront_content, children: _.map((f, g) => /* @__PURE__ */ i.jsx(k, { children: f }, `tooltip-${o}-${g}`)) }) : null;
+  return /* @__PURE__ */ i.jsx(
     On,
     {
       className: Ct.tooltipNotFront,
       label: r,
       placement: d,
-      notShowArrow: i,
+      notShowArrow: l,
       visible: u,
       children: h
     }
@@ -3656,7 +3655,7 @@ function Qa({
     null,
     n
   );
-  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     o,
     s
   ] });
@@ -3669,15 +3668,15 @@ const Aa = { api: "", headers: {} }, Sa = ({
 }) => {
   const o = n ?? `${e}-page`;
   O(() => {
-    var d, i;
-    return (i = (d = E.getState()[e]) == null ? void 0 : d.pages) != null && i[o] || xe(e, s ?? Aa, {
+    var d, l;
+    return (l = (d = E.getState()[e]) == null ? void 0 : d.pages) != null && l[o] || xe(e, s ?? Aa, {
       type: "page",
       hash: o,
       body: { components: t }
     }), null;
   });
   const a = T(e, o, t);
-  return /* @__PURE__ */ l.jsx(l.Fragment, { children: a });
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: a });
 };
 function ka(e) {
   if (e == null || typeof e != "object" || !("components" in e) || !Array.isArray(e.components))
@@ -3692,7 +3691,7 @@ const Oa = ({ payload: e, userFlow: t }) => {
     hash: e.id,
     components: n
   });
-  return /* @__PURE__ */ l.jsx(l.Fragment, { children: s });
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: s });
 }, Za = Oa, jt = (e, t, n, s, {
   onResolveComponentProps: o,
   embedded: a
@@ -3705,7 +3704,7 @@ const Oa = ({ payload: e, userFlow: t }) => {
   );
   switch (n) {
     case "body":
-      return /* @__PURE__ */ l.jsx(
+      return /* @__PURE__ */ i.jsx(
         $r,
         {
           ...s,
@@ -3715,7 +3714,7 @@ const Oa = ({ payload: e, userFlow: t }) => {
         JSON.stringify(s == null ? void 0 : s.components)
       );
     case "header":
-      return /* @__PURE__ */ l.jsx(
+      return /* @__PURE__ */ i.jsx(
         ho,
         {
           ...s,
@@ -3760,7 +3759,7 @@ const Oa = ({ payload: e, userFlow: t }) => {
     t,
     n
   );
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ i.jsx(
     Rn,
     {
       ...r,
@@ -3772,7 +3771,7 @@ const Oa = ({ payload: e, userFlow: t }) => {
   );
 }, $a = (e, t, n, s) => {
   var b;
-  const [o, a] = O(!1), c = !!(t != null && t.api && !n && e), [r, d] = O(c), i = E((j) => j[e]), u = i == null ? void 0 : i.currentPageId, _ = (i == null ? void 0 : i.isLoading) ?? !1, h = r || _, f = u ? (b = i == null ? void 0 : i.pages[u]) == null ? void 0 : b.page : void 0, g = (f == null ? void 0 : f.type) === "page" ? f.headerNavigation : void 0, x = (f == null ? void 0 : f.type) === "page" ? f.contextualNavigation : void 0, m = (f == null ? void 0 : f.header) ?? null, y = !!m || !g;
+  const [o, a] = O(!1), c = !!(t != null && t.api && !n && e), [r, d] = O(c), l = E((j) => j[e]), u = l == null ? void 0 : l.currentPageId, _ = (l == null ? void 0 : l.isLoading) ?? !1, h = r || _, f = u ? (b = l == null ? void 0 : l.pages[u]) == null ? void 0 : b.page : void 0, g = (f == null ? void 0 : f.type) === "page" ? f.headerNavigation : void 0, x = (f == null ? void 0 : f.type) === "page" ? f.contextualNavigation : void 0, m = (f == null ? void 0 : f.header) ?? null, y = !!m || !g;
   G(() => {
     if (typeof window > "u") return;
     const j = new URL(window.location.href), w = j.searchParams.get("sessionId");
@@ -3818,10 +3817,10 @@ const Oa = ({ payload: e, userFlow: t }) => {
     return window.addEventListener(j, w), () => {
       window.removeEventListener(j, w);
     };
-  }, []), o && console.error("[not-page]: No render page"), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    h && /* @__PURE__ */ l.jsx(Dn, {}),
+  }, []), o && console.error("[not-page]: No render page"), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    h && /* @__PURE__ */ i.jsx(Dn, {}),
     u && y ? C : null,
-    u && g && /* @__PURE__ */ l.jsx(
+    u && g && /* @__PURE__ */ i.jsx(
       Ht,
       {
         ...g,
@@ -3830,7 +3829,7 @@ const Oa = ({ payload: e, userFlow: t }) => {
         onResolveComponentProps: s
       }
     ),
-    u && (x ? /* @__PURE__ */ l.jsx(
+    u && (x ? /* @__PURE__ */ i.jsx(
       Ia,
       {
         ...x,
@@ -3839,8 +3838,8 @@ const Oa = ({ payload: e, userFlow: t }) => {
       },
       x.hash
     ) : p),
-    u && /* @__PURE__ */ l.jsx(bo, { userFlow: e, pageId: u }),
-    i && /* @__PURE__ */ l.jsx(In, {})
+    u && /* @__PURE__ */ i.jsx(bo, { userFlow: e, pageId: u }),
+    l && /* @__PURE__ */ i.jsx(In, {})
   ] });
 };
 export {