@foris/avocado-not-front 4.0.2 → 4.1.0

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

@@ -1,15 +1,15 @@
 import V from "axios";
 import { create as Ve } from "zustand";
-import He, { useMemo as S, useEffect as K, useState as k, Fragment as $, useCallback as D, useRef as Xe, cloneElement as We } from "react";
-import { Heading as Re, Text as Qe, ThemeStore as fe, Breadcrumbs as Ye, Button as Ze, CardNotification as ye, Checkbox as Fe, PreviewerMarkdown as Pe, Divider as et, SkeletonBase as De, Modal as tt, Pill as ue, RoundButton as nt, SelectPagination as at, Select as st, Switch as rt, Table as ct, Pager as ot, TextField as it, toast as W, Accordion as lt, Drawer as dt, Loading as _t, Toaster as ut } from "@foris/avocado-suite";
-import { ChatPanel as ht, SummaryCard as ft, PromptCodeEditor as yt } from "@foris/ai-agent";
-import mt from "@uiw/react-codemirror";
+import He, { useMemo as S, useEffect as K, useState as q, Fragment as A, useCallback as D, useRef as Xe, cloneElement as We } from "react";
+import { Heading as Re, Text as Qe, ThemeStore as fe, Breadcrumbs as Ye, Button as Ze, CardNotification as ye, Checkbox as Fe, PreviewerMarkdown as Pe, Divider as et, SkeletonBase as De, Modal as tt, Pill as ue, RoundButton as nt, SelectPagination as at, Select as st, Switch as rt, Table as ct, Pager as ot, Tabs as it, TextField as lt, toast as W, Accordion as dt, Drawer as _t, Loading as ut, Toaster as ht } from "@foris/avocado-suite";
+import { ChatPanel as ft, SummaryCard as yt, PromptCodeEditor as mt } from "@foris/ai-agent";
+import xt from "@uiw/react-codemirror";
 import { json as we } from "@codemirror/lang-json";
-import { markdown as xt } from "@codemirror/lang-markdown";
-import { sql as gt } from "@codemirror/lang-sql";
-import { yaml as bt } from "@codemirror/lang-yaml";
+import { markdown as gt } from "@codemirror/lang-markdown";
+import { sql as bt } from "@codemirror/lang-sql";
+import { yaml as pt } from "@codemirror/lang-yaml";
 import B from "jsonpath";
-import { Legend as pt, Tooltip as jt, XAxis as wt, YAxis as Ct, ResponsiveContainer as te, AreaChart as Nt, CartesianGrid as me, Area as vt, BarChart as Et, Bar as St, LineChart as qt, Line as kt, PieChart as Ot, Pie as At, Cell as Tt } from "recharts";
+import { Legend as jt, Tooltip as wt, XAxis as Ct, YAxis as Nt, ResponsiveContainer as te, AreaChart as vt, CartesianGrid as me, Area as Et, BarChart as St, Bar as kt, LineChart as qt, Line as Ot, PieChart as At, Pie as Tt, Cell as $t } from "recharts";
 const v = Ve(() => ({})), ce = (e, t, s, a) => {
   const i = s == null ? void 0 : s.hash, c = a && Object.keys(a).length > 0 ? { ...a } : {};
   v.setState((l) => {
@@ -41,7 +41,7 @@ const v = Ve(() => ({})), ce = (e, t, s, a) => {
       ([i]) => !t.includes(i)
     )
   );
-}, $t = (e, t, s, a, i) => {
+}, Rt = (e, t, s, a, i) => {
   sessionStorage.setItem("sessionId", s), v.setState((c) => {
     const l = c[e] ?? {}, n = l.entries ?? {}, d = Le(
       n,
@@ -65,7 +65,7 @@ const v = Ve(() => ({})), ce = (e, t, s, a) => {
       }
     };
   });
-}, Rt = (e, t, s, a) => {
+}, Dt = (e, t, s, a) => {
   v.setState((i) => {
     var r;
     const c = i[e] ?? {}, l = c.entries ?? {}, n = Le(
@@ -95,23 +95,23 @@ const v = Ve(() => ({})), ce = (e, t, s, a) => {
       overlay: null
     }
   }));
-}, Dt = (e) => {
+}, Lt = (e) => {
   var s;
   return ((s = v.getState()[e]) == null ? void 0 : s.overlay) ?? null;
-}, O = (e, t) => {
+}, T = (e, t) => {
   const {
     content: s,
     sessionId: a,
     deprecatedStateKeys: i = [],
     sessionState: c
   } = t;
-  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? $t(
+  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? Rt(
     e,
     s,
     a,
     i,
     c
-  ) : Rt(
+  ) : Dt(
     e,
     s,
     i,
@@ -172,15 +172,15 @@ const v = Ve(() => ({})), ce = (e, t, s, a) => {
   });
 };
 let oe = !1, P = [], Ne = !1;
-const Lt = (e) => e._userFlow || null, ve = (e) => {
+const Bt = (e) => e._userFlow || null, ve = (e) => {
   P.forEach(({ resolve: t, reject: s }) => {
     e ? s(e) : t(void 0);
   }), P = [];
-}, Bt = async (e) => {
+}, It = async (e) => {
   var a, i;
   const t = e == null ? void 0 : e.config;
   if (((a = e == null ? void 0 : e.response) == null ? void 0 : a.status) === 401 && !t._retry) {
-    const c = Lt(t);
+    const c = Bt(t);
     if (c) {
       const n = (i = v.getState()[c]) == null ? void 0 : i.apiConfig;
       if (!n)
@@ -222,17 +222,17 @@ const Lt = (e) => e._userFlow || null, ve = (e) => {
       );
   }
   return Promise.reject(e);
-}, It = () => {
+}, zt = () => {
   if (Ne) {
     console.debug(
       "[axiosInterceptors] Interceptors already initialized, skipping"
     );
     return;
   }
-  console.debug("[axiosInterceptors] Initializing interceptors..."), V.interceptors.response.use(void 0, Bt), console.debug("[axiosInterceptors] Response error interceptor registered"), Ne = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
+  console.debug("[axiosInterceptors] Initializing interceptors..."), V.interceptors.response.use(void 0, It), console.debug("[axiosInterceptors] Response error interceptor registered"), Ne = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
 };
-It();
-function zt(e) {
+zt();
+function Mt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ie = { exports: {} }, Q = {};
@@ -246,7 +246,7 @@ var ie = { exports: {} }, Q = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ee;
-function Mt() {
+function Kt() {
   if (Ee) return Q;
   Ee = 1;
   var e = He, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
@@ -260,11 +260,11 @@ function Mt() {
   return Q.Fragment = s, Q.jsx = l, Q.jsxs = l, Q;
 }
 var Se;
-function Kt() {
-  return Se || (Se = 1, ie.exports = Mt()), ie.exports;
+function Gt() {
+  return Se || (Se = 1, ie.exports = Kt()), ie.exports;
 }
-var o = Kt();
-const Gt = (e) => {
+var o = Gt();
+const Ut = (e) => {
   if (!(e != null && e.content)) return null;
   const t = {
     ...e,
@@ -272,14 +272,14 @@ const Gt = (e) => {
     type: e.variant
   };
   return /* @__PURE__ */ o.jsx(Re, { ...t });
-}, Ut = (e) => {
+}, Jt = (e) => {
   if (!e) return null;
   const t = {
     ...e,
     children: e.content
   };
   return /* @__PURE__ */ o.jsx(Qe, { ...t });
-}, Jt = (e) => {
+}, Vt = (e) => {
   const t = e.dataSource, s = S(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
@@ -304,7 +304,7 @@ const Gt = (e) => {
       initialSuggestions: e.initialSuggestions
     });
   }, [e.onResolveProps, s, a, i, e.initialSuggestions]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx(
-    ht,
+    ft,
     {
       dataSource: s,
       locale: a,
@@ -312,9 +312,9 @@ const Gt = (e) => {
       initialSuggestions: e.initialSuggestions
     }
   );
-}, Vt = "_summaryCard_jva4h_1", Ht = {
-  summaryCard: Vt
-}, Xt = (e) => {
+}, Ht = "_summaryCard_jva4h_1", Xt = {
+  summaryCard: Ht
+}, Wt = (e) => {
   const t = e.dataSource, s = S(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
@@ -337,8 +337,8 @@ const Gt = (e) => {
       locale: a,
       translations: i
     });
-  }, [e.onResolveProps, s, a, i]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Ht.summaryCard, children: /* @__PURE__ */ o.jsx(
-    ft,
+  }, [e.onResolveProps, s, a, i]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Xt.summaryCard, children: /* @__PURE__ */ o.jsx(
+    yt,
     {
       dataSource: s,
       locale: a,
@@ -361,9 +361,9 @@ const Gt = (e) => {
       });
     }), a;
   }, [t, s]);
-}, Wt = "_promptCodeEditor_1d57s_1", Qt = {
-  promptCodeEditor: Wt
-}, Yt = (e) => {
+}, Qt = "_promptCodeEditor_1d57s_1", Yt = {
+  promptCodeEditor: Qt
+}, Zt = (e) => {
   const {
     userFlow: t,
     responseKey: s,
@@ -375,7 +375,7 @@ const Gt = (e) => {
     inputLabel: d,
     inputPlaceholder: r,
     codeBlockLabel: u
-  } = e, f = fe.useThemeStore((p) => p.theme.mode), [_, h] = k(
+  } = e, f = fe.useThemeStore((p) => p.theme.mode), [_, h] = q(
     a || ""
   ), { disabled: j } = M(
     t,
@@ -394,8 +394,8 @@ const Gt = (e) => {
   };
   return K(() => {
     a !== void 0 && a !== _ && h(a);
-  }, [a]), /* @__PURE__ */ o.jsx("section", { className: Qt.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
-    yt,
+  }, [a]), /* @__PURE__ */ o.jsx("section", { className: Yt.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
+    mt,
     {
       themeMode: f,
       requestConfig: m,
@@ -408,10 +408,10 @@ const Gt = (e) => {
       onCodeChange: g
     }
   ) });
-}, Zt = "_body_14tsv_1", Ft = "_body_content_14tsv_5", qe = {
-  body: Zt,
-  body_content: Ft
-}, Pt = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: qe.body, children: /* @__PURE__ */ o.jsx("div", { className: qe.body_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx($, { children: t }, s)) }) }), X = (e) => {
+}, Ft = "_body_14tsv_1", Pt = "_body_content_14tsv_5", ke = {
+  body: Ft,
+  body_content: Pt
+}, en = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: ke.body, children: /* @__PURE__ */ o.jsx("div", { className: ke.body_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(A, { children: t }, s)) }) }), X = (e) => {
   if (!e)
     return { "content-type": "application/json" };
   if (typeof e == "function")
@@ -423,7 +423,7 @@ const Gt = (e) => {
       return { "content-type": "application/json", Authorization: e };
     }
   return e;
-}, F = () => new AbortController(), en = (e, t = {}, s = {}, a = !1, i) => {
+}, F = () => new AbortController(), tn = (e, t = {}, s = {}, a = !1, i) => {
   const c = F();
   a && c.abort();
   const l = X(t);
@@ -453,7 +453,7 @@ const Gt = (e) => {
     }),
     controller: l
   };
-}, tn = (e, t = {}, s = {}, a = {}, i = !1, c) => {
+}, nn = (e, t = {}, s = {}, a = {}, i = !1, c) => {
   const l = F();
   i && l.abort();
   const n = X(t);
@@ -468,7 +468,7 @@ const Gt = (e) => {
     }),
     controller: l
   };
-}, nn = (e, t = {}, s = {}, a = {}, i = !1, c) => {
+}, an = (e, t = {}, s = {}, a = {}, i = !1, c) => {
   const l = F();
   i && l.abort();
   const n = X(t);
@@ -483,7 +483,7 @@ const Gt = (e) => {
     }),
     controller: l
   };
-}, an = (e, t = {}, s = {}, a = {}, i = !1, c) => {
+}, sn = (e, t = {}, s = {}, a = {}, i = !1, c) => {
   const l = F();
   i && l.abort();
   const n = X(t);
@@ -552,14 +552,14 @@ const Gt = (e) => {
       case "post":
         return he(u, f, _, {}, !1, d);
       case "put":
-        return tn(u, f, _, {}, !1, d);
-      case "patch":
         return nn(u, f, _, {}, !1, d);
+      case "patch":
+        return an(u, f, _, {}, !1, d);
       case "delete":
-        return an(u, f, _, h, !1, d);
+        return sn(u, f, _, h, !1, d);
       case "get":
       default:
-        return en(u, f, h, !1, d);
+        return tn(u, f, h, !1, d);
     }
   }, i = (n, d) => {
     const { url: r, headers: u } = n, f = {
@@ -632,7 +632,7 @@ const Gt = (e) => {
       }
     }
   };
-}, sn = ({
+}, rn = ({
   userFlow: e,
   items: t,
   responseKey: s
@@ -649,7 +649,7 @@ const Gt = (e) => {
               { ...(r = v.getState()[e]) == null ? void 0 : r.entries },
               s
             );
-            u != null && u.data && O(e, u == null ? void 0 : u.data);
+            u != null && u.data && T(e, u == null ? void 0 : u.data);
             break;
           case "REDIRECT":
             d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
@@ -668,7 +668,7 @@ const Gt = (e) => {
     component: /* @__PURE__ */ o.jsx("div", { onClick: () => i(l) })
   })), []);
   return /* @__PURE__ */ o.jsx(Ye, { items: c });
-}, rn = (e) => {
+}, cn = (e) => {
   const {
     userFlow: t,
     pageId: s,
@@ -711,7 +711,7 @@ const Gt = (e) => {
             C,
             a
           );
-          w != null && w.data && O(t, w == null ? void 0 : w.data);
+          w != null && w.data && T(t, w == null ? void 0 : w.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
@@ -722,7 +722,7 @@ const Gt = (e) => {
             a,
             n
           );
-          w != null && w.data && O(t, w == null ? void 0 : w.data);
+          w != null && w.data && T(t, w == null ? void 0 : w.data);
           break;
         }
         case "GET_DATA_SOURCE": {
@@ -733,16 +733,16 @@ const Gt = (e) => {
             a
           ), E = (N = w == null ? void 0 : w.data) == null ? void 0 : N.content;
           if ((E == null ? void 0 : E.type) !== "fetch") break;
-          const T = E == null ? void 0 : E.dataSource, q = await h(
-            T,
+          const $ = E == null ? void 0 : E.dataSource, k = await h(
+            $,
             t,
             // Avoid to handle loading state until all the requests are done
             !1
           ), G = {
             ...(b = v.getState()[t]) == null ? void 0 : b.entries,
             [a]: {
-              status: q == null ? void 0 : q.status,
-              content: q == null ? void 0 : q.data
+              status: k == null ? void 0 : k.status,
+              content: k == null ? void 0 : k.data
             }
           };
           L(t, G);
@@ -752,7 +752,7 @@ const Gt = (e) => {
             G,
             a
           );
-          U != null && U.data && O(t, U == null ? void 0 : U.data);
+          U != null && U.data && T(t, U == null ? void 0 : U.data);
           break;
         }
         case "REDIRECT":
@@ -774,9 +774,9 @@ const Gt = (e) => {
       onClick: () => !m && (u ?? g)()
     }
   );
-}, cn = "_cardNotificationNotFront_t7pln_1", on = {
-  cardNotificationNotFront: cn
-}, ln = (e) => {
+}, on = "_cardNotificationNotFront_t7pln_1", ln = {
+  cardNotificationNotFront: on
+}, dn = (e) => {
   const { content: t, description: s, ...a } = e, i = {
     ...a,
     children: t ?? s
@@ -785,10 +785,10 @@ const Gt = (e) => {
     ye,
     {
       ...i,
-      className: on.cardNotificationNotFront
+      className: ln.cardNotificationNotFront
     }
   );
-}, dn = (e) => {
+}, _n = (e) => {
   const {
     userFlow: t,
     pageId: s,
@@ -801,7 +801,7 @@ const Gt = (e) => {
     ...r
   } = e, u = {
     ...r
-  }, { getNextUI: f } = I(), [_, h] = k(l || !1), { disabled: j } = M(
+  }, { getNextUI: f } = I(), [_, h] = q(l || !1), { disabled: j } = M(
     t,
     d
   ), y = S(() => n && c ? `${c} *` : c ?? "", [c, n]), x = D(async () => {
@@ -821,7 +821,7 @@ const Gt = (e) => {
             N,
             a
           );
-          b != null && b.data && O(t, b == null ? void 0 : b.data);
+          b != null && b.data && T(t, b == null ? void 0 : b.data);
           break;
         default:
           console.warn(`Unhandled actionType: ${i}`);
@@ -843,13 +843,13 @@ const Gt = (e) => {
       }
     }
   );
-}, _n = "_codeEditor_1coz7_1", un = "_codeEditor_label_1coz7_4", hn = "_codeEditor_wrapper_1coz7_13", fn = "_input_1coz7_17", yn = "_preview_1coz7_18", Y = {
-  codeEditor: _n,
-  codeEditor_label: un,
-  codeEditor_wrapper: hn,
-  input: fn,
-  preview: yn
-}, mn = (e) => {
+}, un = "_codeEditor_1coz7_1", hn = "_codeEditor_label_1coz7_4", fn = "_codeEditor_wrapper_1coz7_13", yn = "_input_1coz7_17", mn = "_preview_1coz7_18", Y = {
+  codeEditor: un,
+  codeEditor_label: hn,
+  codeEditor_wrapper: fn,
+  input: yn,
+  preview: mn
+}, xn = (e) => {
   const {
     userFlow: t,
     responseKey: s,
@@ -861,14 +861,14 @@ const Gt = (e) => {
     dependencies: d,
     disabled: r,
     showPreview: u
-  } = e, [f, _] = k(l ?? ""), h = fe.useThemeStore((p) => p.theme.mode), { disabled: j } = M(
+  } = e, [f, _] = q(l ?? ""), h = fe.useThemeStore((p) => p.theme.mode), { disabled: j } = M(
     t,
     d
   ), y = r ?? j, x = {
     json: we(),
-    markdown: xt(),
-    sql: gt(),
-    yaml: bt()
+    markdown: gt(),
+    sql: bt(),
+    yaml: pt()
   }, m = S(() => n && a ? `${a} *` : a ?? "", [a, n]), g = (p) => {
     _(p);
     const N = {
@@ -880,7 +880,7 @@ const Gt = (e) => {
     m && m !== "" && /* @__PURE__ */ o.jsx("label", { className: Y.codeEditor_label, children: m }),
     /* @__PURE__ */ o.jsxs("div", { className: Y.codeEditor_wrapper, children: [
       /* @__PURE__ */ o.jsx(
-        mt,
+        xt,
         {
           className: Y.input,
           value: f,
@@ -902,9 +902,9 @@ var le = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ke;
-function xn() {
-  return ke || (ke = 1, (function(e) {
+var qe;
+function gn() {
+  return qe || (qe = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function s() {
@@ -935,10 +935,10 @@ function xn() {
     })();
   })(le)), le.exports;
 }
-var gn = xn();
-const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
-  dividerNotFront: bn
-}, jn = (e) => /* @__PURE__ */ o.jsx(et, { ...e, className: pn.dividerNotFront }), wn = (e, t, s) => {
+var bn = gn();
+const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
+  dividerNotFront: pn
+}, wn = (e) => /* @__PURE__ */ o.jsx(et, { ...e, className: jn.dividerNotFront }), Cn = (e, t, s) => {
   const { url: a, paginationKeys: i, params: c } = e, l = [], n = (i == null ? void 0 : i.page) ?? "page";
   if (l.push(`${n}=${t}`), typeof s == "string") {
     const u = (i == null ? void 0 : i.text) ?? "text";
@@ -956,7 +956,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
   const { type: a, url: i, method: c, headers: l } = e;
   return a === "rest" ? {
     type: "rest",
-    url: wn(e, t, s),
+    url: Cn(e, t, s),
     method: c,
     headers: l,
     data: (e == null ? void 0 : e.data) || {}
@@ -1002,7 +1002,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
 }, ne = ({ withPadding: e = !1 }) => {
   const t = (s) => /* @__PURE__ */ o.jsx("span", { style: { color: R.labelColor }, children: s });
   return /* @__PURE__ */ o.jsx(
-    pt,
+    jt,
     {
       formatter: t,
       wrapperStyle: {
@@ -1012,7 +1012,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
       }
     }
   );
-}, Cn = ({
+}, Nn = ({
   active: e,
   payload: t,
   label: s,
@@ -1038,12 +1038,12 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
     t.map((l, n) => /* @__PURE__ */ o.jsx("p", { style: { margin: "2px 0", color: l.color }, children: `${l.name}: ${l.value}` }, n))
   ] });
 }, ae = ({ tooltipKey: e } = {}) => /* @__PURE__ */ o.jsx(
-  jt,
+  wt,
   {
-    content: /* @__PURE__ */ o.jsx(Cn, { tooltipKey: e })
+    content: /* @__PURE__ */ o.jsx(Nn, { tooltipKey: e })
   }
 ), pe = ({ dataKey: e, hide: t = !1 }) => /* @__PURE__ */ o.jsx(
-  wt,
+  Ct,
   {
     dataKey: e,
     hide: t,
@@ -1053,23 +1053,23 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
     }
   }
 ), je = () => /* @__PURE__ */ o.jsx(
-  Ct,
+  Nt,
   {
     tick: {
       fill: R.labelColor,
       fontSize: R.fontSize
     }
   }
-), Nn = (e) => {
+), vn = (e) => {
   const { data: t, xKey: s, yKeys: a, tooltipKey: i } = e;
-  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Nt, { data: t, children: [
+  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(vt, { data: t, children: [
     /* @__PURE__ */ o.jsx(me, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(pe, { dataKey: s }),
     /* @__PURE__ */ o.jsx(je, {}),
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: i }),
     /* @__PURE__ */ o.jsx(ne, {}),
     a.map((c, l) => /* @__PURE__ */ o.jsx(
-      vt,
+      Et,
       {
         type: "monotone",
         dataKey: c,
@@ -1079,16 +1079,16 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
       c
     ))
   ] }) });
-}, vn = (e) => {
+}, En = (e) => {
   const { data: t, yKeys: s, xKey: a, tooltipKey: i } = e;
-  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Et, { data: t, children: [
+  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(St, { data: t, children: [
     /* @__PURE__ */ o.jsx(me, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(pe, { hide: !0, dataKey: a }),
     /* @__PURE__ */ o.jsx(je, {}),
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: i }),
     /* @__PURE__ */ o.jsx(ne, { withPadding: !0 }),
     s.map((c, l) => /* @__PURE__ */ o.jsx(
-      St,
+      kt,
       {
         dataKey: c,
         fill: z[l % z.length]
@@ -1096,7 +1096,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
       c
     ))
   ] }) });
-}, En = (e) => {
+}, Sn = (e) => {
   const { data: t, xKey: s, yKeys: a, tooltipKey: i } = e;
   return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(qt, { data: t, children: [
     /* @__PURE__ */ o.jsx(me, { strokeDasharray: "3 3" }),
@@ -1105,7 +1105,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: i }),
     /* @__PURE__ */ o.jsx(ne, {}),
     a.map((c, l) => /* @__PURE__ */ o.jsx(
-      kt,
+      Ot,
       {
         type: "monotone",
         dataKey: c,
@@ -1116,7 +1116,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
       c
     ))
   ] }) });
-}, Sn = (e) => {
+}, kn = (e) => {
   const { data: t, xKey: s, yKeys: a, tooltipKey: i } = e, c = ({
     cx: l,
     cy: n,
@@ -1139,11 +1139,11 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
       }
     );
   };
-  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Ot, { children: [
+  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(At, { children: [
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: i }),
     /* @__PURE__ */ o.jsx(ne, {}),
     /* @__PURE__ */ o.jsx(
-      At,
+      Tt,
       {
         data: t,
         dataKey: a[0],
@@ -1151,7 +1151,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
         label: c,
         outerRadius: 120,
         children: t.map((l, n) => /* @__PURE__ */ o.jsx(
-          Tt,
+          $t,
           {
             fill: z[n % z.length]
           },
@@ -1161,10 +1161,10 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
     )
   ] }) });
 }, qn = {
-  area: Nn,
-  bar: vn,
-  line: En,
-  pie: Sn
+  area: vn,
+  bar: En,
+  line: Sn,
+  pie: kn
 }, z = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
@@ -1190,11 +1190,11 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, kn = (e) => {
+}, On = (e) => {
   const { component: t, userFlow: s, hash: a, responseKey: i, dataSource: c, ...l } = e, n = qn[l.type];
   if (!n)
     return /* @__PURE__ */ o.jsx("div", { children: "Not supported chart type" });
-  const { fetchDataSource: d } = I(), [r, u] = k(!1), [f, _] = k([]), h = async () => {
+  const { fetchDataSource: d } = I(), [r, u] = q(!1), [f, _] = q([]), h = async () => {
     var y, x;
     try {
       u(!0);
@@ -1219,44 +1219,45 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
     data: f
   };
   return r ? /* @__PURE__ */ o.jsx(De, { height: 400 }) : f.length > 0 ? n(j) : /* @__PURE__ */ o.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
-}, On = "_header_g1eri_1", An = "_header_content_g1eri_5", Oe = {
-  header: On,
-  header_content: An
-}, Tn = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: ee(Oe.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Oe.header_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx($, { children: t }, s)) }) }), A = (e, t, s, a) => {
+}, An = "_header_g1eri_1", Tn = "_header_content_g1eri_5", Oe = {
+  header: An,
+  header_content: Tn
+}, $n = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: ee(Oe.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Oe.header_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(A, { children: t }, s)) }) }), O = (e, t, s, a) => {
   var l;
   const i = {
-    accordion: (n) => /* @__PURE__ */ o.jsx(ga, { ...n, userFlow: e, pageId: t }),
-    aiChatPanel: (n) => /* @__PURE__ */ o.jsx(Jt, { ...n, userFlow: e, pageId: t, onResolveProps: a == null ? void 0 : a.aiChatPanel }),
-    aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(Xt, { ...n, userFlow: e, pageId: t, onResolveProps: a == null ? void 0 : a.aiSummaryCard }),
-    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(Yt, { ...n, userFlow: e, pageId: t }),
-    breadcrumbs: (n) => /* @__PURE__ */ o.jsx(sn, { ...n, userFlow: e, pageId: t }),
-    button: (n) => /* @__PURE__ */ o.jsx(rn, { ...n, userFlow: e, pageId: t }),
-    cardNotification: (n) => /* @__PURE__ */ o.jsx(ln, { ...n }),
-    chart: (n) => /* @__PURE__ */ o.jsx(kn, { ...n, userFlow: e }),
-    checkbox: (n) => /* @__PURE__ */ o.jsx(dn, { ...n, userFlow: e, pageId: t }),
-    code: (n) => /* @__PURE__ */ o.jsx(mn, { ...n, userFlow: e, pageId: t }),
-    divider: (n) => /* @__PURE__ */ o.jsx(jn, { ...n }),
-    drawer: (n) => /* @__PURE__ */ o.jsx(wa, { ...n, userFlow: e, pageId: t }),
-    heading: (n) => Gt(n),
-    pill: (n) => /* @__PURE__ */ o.jsx(In, { ...n }),
-    modal: (n) => /* @__PURE__ */ o.jsx(Dn, { ...n, userFlow: e, pageId: t }),
-    roundButton: (n) => /* @__PURE__ */ o.jsx(zn, { ...n, userFlow: e, pageId: t }),
-    row: (n) => /* @__PURE__ */ o.jsx(Gn, { ...n, userFlow: e, pageId: t }),
-    select: (n) => /* @__PURE__ */ o.jsx(Wn, { ...n, userFlow: e, pageId: t }),
-    switch: (n) => /* @__PURE__ */ o.jsx(ra, { ...n, userFlow: e, pageId: t }),
-    spacing: (n) => /* @__PURE__ */ o.jsx(sa, { ...n, userFlow: e, pageId: t }),
-    table: (n) => /* @__PURE__ */ o.jsx(_a, { ...n, userFlow: e, pageId: t }),
-    text: (n) => Ut(n),
-    textField: (n) => /* @__PURE__ */ o.jsx(fa, { ...n, userFlow: e, pageId: t }),
-    toast: (n) => /* @__PURE__ */ o.jsx(ya, { ...n, userFlow: e, pageId: t })
+    accordion: (n) => /* @__PURE__ */ o.jsx(Ca, { ...n, userFlow: e, pageId: t }),
+    aiChatPanel: (n) => /* @__PURE__ */ o.jsx(Vt, { ...n, userFlow: e, pageId: t, onResolveProps: a == null ? void 0 : a.aiChatPanel }),
+    aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(Wt, { ...n, userFlow: e, pageId: t, onResolveProps: a == null ? void 0 : a.aiSummaryCard }),
+    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(Zt, { ...n, userFlow: e, pageId: t }),
+    breadcrumbs: (n) => /* @__PURE__ */ o.jsx(rn, { ...n, userFlow: e, pageId: t }),
+    button: (n) => /* @__PURE__ */ o.jsx(cn, { ...n, userFlow: e, pageId: t }),
+    cardNotification: (n) => /* @__PURE__ */ o.jsx(dn, { ...n }),
+    chart: (n) => /* @__PURE__ */ o.jsx(On, { ...n, userFlow: e }),
+    checkbox: (n) => /* @__PURE__ */ o.jsx(_n, { ...n, userFlow: e, pageId: t }),
+    code: (n) => /* @__PURE__ */ o.jsx(xn, { ...n, userFlow: e, pageId: t }),
+    divider: (n) => /* @__PURE__ */ o.jsx(wn, { ...n }),
+    drawer: (n) => /* @__PURE__ */ o.jsx(Sa, { ...n, userFlow: e, pageId: t }),
+    heading: (n) => Ut(n),
+    pill: (n) => /* @__PURE__ */ o.jsx(zn, { ...n }),
+    modal: (n) => /* @__PURE__ */ o.jsx(Ln, { ...n, userFlow: e, pageId: t }),
+    roundButton: (n) => /* @__PURE__ */ o.jsx(Mn, { ...n, userFlow: e, pageId: t }),
+    row: (n) => /* @__PURE__ */ o.jsx(Un, { ...n, userFlow: e, pageId: t }),
+    select: (n) => /* @__PURE__ */ o.jsx(Qn, { ...n, userFlow: e, pageId: t }),
+    switch: (n) => /* @__PURE__ */ o.jsx(ca, { ...n, userFlow: e, pageId: t }),
+    spacing: (n) => /* @__PURE__ */ o.jsx(ra, { ...n, userFlow: e, pageId: t }),
+    table: (n) => /* @__PURE__ */ o.jsx(ua, { ...n, userFlow: e, pageId: t }),
+    tabs: (n) => /* @__PURE__ */ o.jsx(ma, { ...n, userFlow: e, pageId: t }),
+    text: (n) => Jt(n),
+    textField: (n) => /* @__PURE__ */ o.jsx(ba, { ...n, userFlow: e, pageId: t }),
+    toast: (n) => /* @__PURE__ */ o.jsx(pa, { ...n, userFlow: e, pageId: t })
   };
   return (l = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : l.map((n) => {
     const d = i[n.component];
     return d ? d({ ...n, userFlow: e, pageId: t }) : null;
   });
-}, $n = "_modalContent_p06ci_1", Rn = {
-  modalContent: $n
-}, Dn = ({
+}, Rn = "_modalContent_p06ci_1", Dn = {
+  modalContent: Rn
+}, Ln = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
@@ -1276,38 +1277,38 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
     ...n
   }, _ = (f == null ? void 0 : f.headerStatusColor) ?? l, h = D(() => {
     xe(e), ge(e, !1);
-  }, [e, s]), j = Array.isArray(a) ? A(e, t, a) : a, y = A(e, t, i), x = A(e, t, c);
+  }, [e, s]), j = Array.isArray(a) ? O(e, t, a) : a, y = O(e, t, i), x = O(e, t, c);
   return /* @__PURE__ */ o.jsx(
     tt,
     {
       ...f,
       headerStatusColor: _,
-      header: typeof j == "string" ? j : /* @__PURE__ */ o.jsx(o.Fragment, { children: j.map((m, g) => /* @__PURE__ */ o.jsx($, { children: m }, `modal-header-${g}`)) }),
-      children: /* @__PURE__ */ o.jsx("section", { className: Rn.modalContent, children: y.map((m, g) => /* @__PURE__ */ o.jsx($, { children: m }, `modal-body-${g}`)) }),
-      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((m, g) => /* @__PURE__ */ o.jsx($, { children: m }, `modal-footer-${g}`)) }),
+      header: typeof j == "string" ? j : /* @__PURE__ */ o.jsx(o.Fragment, { children: j.map((m, g) => /* @__PURE__ */ o.jsx(A, { children: m }, `modal-header-${g}`)) }),
+      children: /* @__PURE__ */ o.jsx("section", { className: Dn.modalContent, children: y.map((m, g) => /* @__PURE__ */ o.jsx(A, { children: m }, `modal-body-${g}`)) }),
+      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((m, g) => /* @__PURE__ */ o.jsx(A, { children: m }, `modal-footer-${g}`)) }),
       open: u,
       onClose: h
     }
   );
-}, Ln = ({ userFlow: e, pageId: t }) => {
+}, Bn = ({ userFlow: e, pageId: t }) => {
   var c, l;
-  const s = Dt(e);
+  const s = Lt(e);
   if (!s)
     return null;
   const a = [
     ...(s == null ? void 0 : s.components) || [],
     ...((c = s == null ? void 0 : s.header) == null ? void 0 : c.components) || [],
     ...((l = s == null ? void 0 : s.body) == null ? void 0 : l.components) || []
-  ], i = A(
+  ], i = O(
     e,
     t,
     a
   );
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: i == null ? void 0 : i.map((n, d) => {
     const r = `overlay-${d}-${s == null ? void 0 : s.hash}`;
-    return /* @__PURE__ */ o.jsx($, { children: n }, r);
+    return /* @__PURE__ */ o.jsx(A, { children: n }, r);
   }) });
-}, Bn = {
+}, In = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -1333,8 +1334,8 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, In = (e) => {
-  const { content: t, variant: s = "neutral", ...a } = e, i = Bn[s], c = {
+}, zn = (e) => {
+  const { content: t, variant: s = "neutral", ...a } = e, i = In[s], c = {
     ...a,
     children: t,
     color: (a == null ? void 0 : a.color) ?? i.color,
@@ -1342,7 +1343,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
     iconColor: (a == null ? void 0 : a.iconColor) ?? i.iconColor
   };
   return /* @__PURE__ */ o.jsx(ue, { ...c });
-}, zn = (e) => {
+}, Mn = (e) => {
   const {
     userFlow: t,
     pageId: s,
@@ -1372,7 +1373,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
             x,
             a
           );
-          m != null && m.data && O(t, m == null ? void 0 : m.data);
+          m != null && m.data && T(t, m == null ? void 0 : m.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
@@ -1383,7 +1384,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
             a,
             c
           );
-          m != null && m.data && O(t, m == null ? void 0 : m.data);
+          m != null && m.data && T(t, m == null ? void 0 : m.data);
           break;
         }
         case "CLOSE_MODAL":
@@ -1411,8 +1412,8 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
       onClick: () => !h && (n ?? j)()
     }
   );
-}, Mn = "_row_1bqj4_1", Kn = "_row_column_1bqj4_65", J = {
-  row: Mn,
+}, Kn = "_row_1bqj4_1", Gn = "_row_column_1bqj4_65", J = {
+  row: Kn,
   "row__gap-none": "_row__gap-none_1bqj4_5",
   "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
   "row__gap-xs": "_row__gap-xs_1bqj4_11",
@@ -1433,7 +1434,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
   "row__align-center": "_row__align-center_1bqj4_56",
   "row__align-stretch": "_row__align-stretch_1bqj4_59",
   "row__align-baseline": "_row__align-baseline_1bqj4_62",
-  row_column: Kn,
+  row_column: Gn,
   "row_column__gap-none": "_row_column__gap-none_1bqj4_72",
   "row_column__gap-xxs": "_row_column__gap-xxs_1bqj4_75",
   "row_column__gap-xs": "_row_column__gap-xs_1bqj4_78",
@@ -1454,7 +1455,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
   "row_column__align-center": "_row_column__align-center_1bqj4_123",
   "row_column__align-stretch": "_row_column__align-stretch_1bqj4_126",
   "row_column__align-baseline": "_row_column__align-baseline_1bqj4_129"
-}, Gn = (e) => {
+}, Un = (e) => {
   const {
     userFlow: t,
     pageId: s,
@@ -1494,7 +1495,7 @@ const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
         J[`row__align-${n}`]
       ),
       children: d == null ? void 0 : d.map((r, u) => {
-        const f = (a == null ? void 0 : a[u]) || `${100 / d.length}%`, _ = A(t, s, r.items);
+        const f = (a == null ? void 0 : a[u]) || `${100 / d.length}%`, _ = O(t, s, r.items);
         return !_ || _.length === 0 ? null : /* @__PURE__ */ o.jsx(
           "div",
           {
@@ -1542,7 +1543,7 @@ function Me({
             s,
             a === "GO_TO_NEXT_UI"
           );
-          y != null && y.data && O(e, y.data);
+          y != null && y.data && T(e, y.data);
         } catch (j) {
           console.error("[useSelectChange] Failed to fetch next UI", j);
         }
@@ -1566,14 +1567,14 @@ function Me({
     [c, l, d]
   );
 }
-const Un = (e, t, s, a) => {
+const Jn = (e, t, s, a) => {
   const i = B.query(e, t);
   return (i == null ? void 0 : i.map((c) => {
     var d, r;
     const l = (d = B.query(c, s)) == null ? void 0 : d[0], n = a ? (r = B.query(c, a)) == null ? void 0 : r[0] : c;
     return { label: l, value: n };
   })) ?? [];
-}, Jn = (e, t, s, a = 10) => {
+}, Vn = (e, t, s, a = 10) => {
   var n, d;
   let i, c;
   if (s) {
@@ -1589,9 +1590,9 @@ const Un = (e, t, s, a) => {
     total: c,
     hasMore: l
   };
-}, Vn = "_selectNotFront_1yw9q_1", Ke = {
-  selectNotFront: Vn
-}, Hn = ({
+}, Hn = "_selectNotFront_1yw9q_1", Ke = {
+  selectNotFront: Hn
+}, Xn = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
@@ -1604,14 +1605,14 @@ const Un = (e, t, s, a) => {
 }) => {
   const r = {
     ...d
-  }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = k((r == null ? void 0 : r.value) ?? ""), { disabled: j } = M(
+  }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = q((r == null ? void 0 : r.value) ?? ""), { disabled: j } = M(
     e,
     l
   ), y = (r == null ? void 0 : r.disabled) ?? j, x = S(() => a && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, a]), m = S(() => {
     const b = r != null && r.isMulti ? _ : [_], C = {};
     return typeof b == "object" && "length" in b && (b == null || b.forEach((w) => {
-      const E = JSON.stringify(w.value), T = JSON.stringify(w.label);
-      C[E] = w, T in C || (C[T] = w);
+      const E = JSON.stringify(w.value), $ = JSON.stringify(w.label);
+      C[E] = w, $ in C || (C[$] = w);
     })), C;
   }, [_]), g = Me({
     userFlow: e,
@@ -1626,8 +1627,8 @@ const Un = (e, t, s, a) => {
   }, N = async (b, C, { page: w }) => {
     const {
       jsonPathLabel: E,
-      jsonPathOptions: T,
-      jsonPathValue: q,
+      jsonPathOptions: $,
+      jsonPathValue: k,
       jsonPathPagination: G
     } = i, U = be(
       i,
@@ -1637,12 +1638,12 @@ const Un = (e, t, s, a) => {
       U,
       e,
       !1
-    ), re = se == null ? void 0 : se.data, Ue = re ? Un(
+    ), re = se == null ? void 0 : se.data, Ue = re ? Jn(
       re,
-      T,
+      $,
       E,
-      q
-    ) : [], { hasMore: Je } = Jn(
+      k
+    ) : [], { hasMore: Je } = Vn(
       re,
       w,
       G
@@ -1674,7 +1675,7 @@ const Un = (e, t, s, a) => {
       debounceTimeout: 350
     }
   );
-}, Xn = ({
+}, Wn = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
@@ -1687,7 +1688,7 @@ const Un = (e, t, s, a) => {
 }) => {
   const r = {
     ...d
-  }, { getNextUI: u } = I(), [f, _] = k(r.value || ""), { disabled: h } = M(
+  }, { getNextUI: u } = I(), [f, _] = q(r.value || ""), { disabled: h } = M(
     e,
     l
   ), j = (r == null ? void 0 : r.disabled) ?? h, y = S(() => i && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, i]), x = Me({
@@ -1712,23 +1713,23 @@ const Un = (e, t, s, a) => {
       onChange: (g) => !j && m(g)
     }
   );
-}, Wn = (e) => {
+}, Qn = (e) => {
   const { dataSource: t } = e;
-  return t ? /* @__PURE__ */ o.jsx(Hn, { ...e }) : /* @__PURE__ */ o.jsx(Xn, { ...e });
-}, Qn = "_spacing_19hqa_1", Yn = "_spacing__xxs_19hqa_1", Zn = "_spacing__xs_19hqa_4", Fn = "_spacing__sm_19hqa_7", Pn = "_spacing__md_19hqa_10", ea = "_spacing__lg_19hqa_13", ta = "_spacing__xl_19hqa_16", na = "_spacing__xxl_19hqa_19", aa = "_spacing__xxxl_19hqa_22", Ae = {
-  spacing: Qn,
-  spacing__xxs: Yn,
-  spacing__xs: Zn,
-  spacing__sm: Fn,
-  spacing__md: Pn,
-  spacing__lg: ea,
-  spacing__xl: ta,
-  spacing__xxl: na,
-  spacing__xxxl: aa
-}, sa = (e) => {
+  return t ? /* @__PURE__ */ o.jsx(Xn, { ...e }) : /* @__PURE__ */ o.jsx(Wn, { ...e });
+}, Yn = "_spacing_19hqa_1", Zn = "_spacing__xxs_19hqa_1", Fn = "_spacing__xs_19hqa_4", Pn = "_spacing__sm_19hqa_7", ea = "_spacing__md_19hqa_10", ta = "_spacing__lg_19hqa_13", na = "_spacing__xl_19hqa_16", aa = "_spacing__xxl_19hqa_19", sa = "_spacing__xxxl_19hqa_22", Ae = {
+  spacing: Yn,
+  spacing__xxs: Zn,
+  spacing__xs: Fn,
+  spacing__sm: Pn,
+  spacing__md: ea,
+  spacing__lg: ta,
+  spacing__xl: na,
+  spacing__xxl: aa,
+  spacing__xxxl: sa
+}, ra = (e) => {
   const { size: t } = e, s = ee(Ae.spacing, Ae[`spacing__${t}`]);
   return /* @__PURE__ */ o.jsx("div", { className: s });
-}, ra = (e) => {
+}, ca = (e) => {
   const {
     userFlow: t,
     pageId: s,
@@ -1741,7 +1742,7 @@ const Un = (e, t, s, a) => {
     ...r
   } = e, u = {
     ...r
-  }, { getNextUI: f } = I(), [_, h] = k(l || !1), { disabled: j } = M(
+  }, { getNextUI: f } = I(), [_, h] = q(l || !1), { disabled: j } = M(
     t,
     d
   ), y = (u == null ? void 0 : u.disabled) ?? j, x = S(() => n && c ? `${c} *` : c ?? "", [c, n]), m = D(async () => {
@@ -1761,7 +1762,7 @@ const Un = (e, t, s, a) => {
             N,
             a
           );
-          b != null && b.data && O(t, b == null ? void 0 : b.data);
+          b != null && b.data && T(t, b == null ? void 0 : b.data);
           break;
         default:
           console.warn(`Unhandled actionType: ${i}`);
@@ -1781,10 +1782,10 @@ const Un = (e, t, s, a) => {
       onChange: () => !y && m()
     }
   );
-}, ca = "_tableSkeleton_3nr9n_1", oa = "_tableArrayPills_3nr9n_7", Ge = {
-  tableSkeleton: ca,
-  tableArrayPills: oa
-}, ia = ({ values: e }) => {
+}, oa = "_tableSkeleton_3nr9n_1", ia = "_tableArrayPills_3nr9n_7", Ge = {
+  tableSkeleton: oa,
+  tableArrayPills: ia
+}, la = ({ values: e }) => {
   const s = e == null ? void 0 : e.slice(0, 4), a = (e == null ? void 0 : e.length) - 4;
   return /* @__PURE__ */ o.jsxs("div", { className: Ge.tableArrayPills, children: [
     s.map((i, c) => /* @__PURE__ */ o.jsx(ue, { children: String(i) }, c)),
@@ -1793,14 +1794,14 @@ const Un = (e, t, s, a) => {
       a
     ] })
   ] });
-}, la = ({
+}, da = ({
   userFlow: e,
   pageId: t,
   tableResponseKey: s,
   component: a,
   rowData: i
 }) => {
-  const { getNextUI: c, fetchAndGetNextUI: l, fetchDataSource: n } = I(), d = A(e, t, [
+  const { getNextUI: c, fetchAndGetNextUI: l, fetchDataSource: n } = I(), d = O(e, t, [
     { ...a }
   ]), r = (d == null ? void 0 : d[0]) || null;
   if (!r) return null;
@@ -1824,7 +1825,7 @@ const Un = (e, t, s, a) => {
             m,
             f
           );
-          g != null && g.data && O(e, g == null ? void 0 : g.data);
+          g != null && g.data && T(e, g == null ? void 0 : g.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
@@ -1835,7 +1836,7 @@ const Un = (e, t, s, a) => {
             f,
             _
           );
-          g != null && g.data && O(e, g == null ? void 0 : g.data);
+          g != null && g.data && T(e, g == null ? void 0 : g.data);
           break;
         }
         case "GET_DATA_SOURCE": {
@@ -1865,7 +1866,7 @@ const Un = (e, t, s, a) => {
             C,
             f
           );
-          w != null && w.data && O(e, w == null ? void 0 : w.data);
+          w != null && w.data && T(e, w == null ? void 0 : w.data);
           break;
         }
         default:
@@ -1879,7 +1880,7 @@ const Un = (e, t, s, a) => {
   return We(r, {
     onClick: h
   });
-}, da = () => /* @__PURE__ */ o.jsx("div", { className: Ge.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
+}, _a = () => /* @__PURE__ */ o.jsx("div", { className: Ge.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
   De,
   {
     maxWidth: "100%",
@@ -1887,7 +1888,7 @@ const Un = (e, t, s, a) => {
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), _a = ({
+)) }), ua = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
@@ -1897,11 +1898,11 @@ const Un = (e, t, s, a) => {
   ...l
 }) => {
   var p, N, b;
-  const { fetchDataSource: n } = I(), [d, r] = k(!1), [u, f] = k(1), [_, h] = k(null), j = S(() => {
+  const { fetchDataSource: n } = I(), [d, r] = q(!1), [u, f] = q(1), [_, h] = q(null), j = S(() => {
     if (c != null && c.length)
       return c.map((C, w) => ({
         renderContent: (E) => /* @__PURE__ */ o.jsx(
-          la,
+          da,
           {
             userFlow: e,
             pageId: t,
@@ -1915,11 +1916,11 @@ const Un = (e, t, s, a) => {
   }, [c, e, t]), y = async (C = 1) => {
     try {
       r(!0);
-      const { jsonPathData: w, mapperData: E, jsonPathPagination: T } = i, q = be(
+      const { jsonPathData: w, mapperData: E, jsonPathPagination: $ } = i, k = be(
         i,
         C
       ), G = await n(
-        q,
+        k,
         e,
         !1
       );
@@ -1928,7 +1929,7 @@ const Un = (e, t, s, a) => {
           G == null ? void 0 : G.data,
           w,
           E,
-          T
+          $
         )
       ), r(!1);
     } catch (w) {
@@ -1943,12 +1944,12 @@ const Un = (e, t, s, a) => {
   const m = S(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((C) => {
     var E;
     return ((E = _ == null ? void 0 : _.items) == null ? void 0 : E.some(
-      (T) => Array.isArray(C != null && C.accessor ? T[C == null ? void 0 : C.accessor] : void 0)
+      ($) => Array.isArray(C != null && C.accessor ? $[C == null ? void 0 : C.accessor] : void 0)
     )) ? {
       ...C,
-      renderCell: (T) => {
-        const q = C.accessor ? T[C.accessor] : void 0;
-        return Array.isArray(q) ? /* @__PURE__ */ o.jsx(ia, { values: q }) : q;
+      renderCell: ($) => {
+        const k = C.accessor ? $[C.accessor] : void 0;
+        return Array.isArray(k) ? /* @__PURE__ */ o.jsx(la, { values: k }) : k;
       }
     } : C;
   }), [_ == null ? void 0 : _.items, l == null ? void 0 : l.columns]), g = {
@@ -1957,7 +1958,7 @@ const Un = (e, t, s, a) => {
     columns: m,
     rightActions: j
   };
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: d ? /* @__PURE__ */ o.jsx(da, {}) : _ && ((p = _ == null ? void 0 : _.items) == null ? void 0 : p.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: d ? /* @__PURE__ */ o.jsx(_a, {}) : _ && ((p = _ == null ? void 0 : _.items) == null ? void 0 : p.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsx(ct, { ...g }),
     (_ == null ? void 0 : _.pagination) && ((N = _ == null ? void 0 : _.pagination) == null ? void 0 : N.totalPages) > 1 && /* @__PURE__ */ o.jsx(
       ot,
@@ -1970,9 +1971,43 @@ const Un = (e, t, s, a) => {
       }
     )
   ] }) : /* @__PURE__ */ o.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, ua = "_textFieldNotFront_cps4i_1", ha = {
-  textFieldNotFront: ua
-}, fa = (e) => {
+}, ha = "_tabsPanel_kvslb_1", fa = {
+  tabsPanel: ha
+}, ya = ({ userFlow: e, pageId: t, components: s }) => {
+  const a = O(e, t, s);
+  return a != null && a.length ? /* @__PURE__ */ o.jsx("section", { className: fa.tabsPanel, children: a.map((i, c) => /* @__PURE__ */ o.jsx(A, { children: i }, `tabs-panel-${c}`)) }) : null;
+}, ma = ({
+  userFlow: e,
+  pageId: t,
+  hash: s,
+  items: a,
+  activeIndex: i,
+  className: c
+}) => {
+  const l = a.map((n, d) => ({
+    label: n.label,
+    disabled: n.disabled,
+    children: /* @__PURE__ */ o.jsx(
+      ya,
+      {
+        userFlow: e,
+        pageId: t,
+        components: n.components
+      },
+      `${s}-tab-${d}`
+    )
+  }));
+  return /* @__PURE__ */ o.jsx(
+    it,
+    {
+      className: c,
+      activeIndex: i,
+      items: l
+    }
+  );
+}, xa = "_textFieldNotFront_cps4i_1", ga = {
+  textFieldNotFront: xa
+}, ba = (e) => {
   const {
     userFlow: t,
     pageId: s,
@@ -1984,7 +2019,7 @@ const Un = (e, t, s, a) => {
     ...d
   } = e, r = {
     ...d
-  }, [u, f] = k((r == null ? void 0 : r.value) ?? ""), { disabled: _ } = M(
+  }, [u, f] = q((r == null ? void 0 : r.value) ?? ""), { disabled: _ } = M(
     t,
     n
   ), h = (r == null ? void 0 : r.disabled) ?? _, j = S(() => l && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, l]), y = (x) => {
@@ -1999,10 +2034,10 @@ const Un = (e, t, s, a) => {
   return K(() => {
     f((r == null ? void 0 : r.value) ?? "");
   }, [r == null ? void 0 : r.value]), /* @__PURE__ */ o.jsx(
-    it,
+    lt,
     {
       ...r,
-      className: ha.textFieldNotFront,
+      className: ga.textFieldNotFront,
       allowClear: !1,
       label: j,
       value: u,
@@ -2010,7 +2045,7 @@ const Un = (e, t, s, a) => {
       onChange: (x) => !h && y(x)
     }
   );
-}, ya = ({
+}, pa = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
@@ -2046,10 +2081,10 @@ const Un = (e, t, s, a) => {
       onClose: n
     });
   }, [n, e]), null;
-}, ma = "_accordion_1ri2t_1", xa = "_accordionBody_1ri2t_8", Te = {
-  accordion: ma,
-  accordionBody: xa
-}, ga = (e) => {
+}, ja = "_accordion_1ri2t_1", wa = "_accordionBody_1ri2t_8", Te = {
+  accordion: ja,
+  accordionBody: wa
+}, Ca = (e) => {
   const {
     userFlow: t,
     pageId: s,
@@ -2059,12 +2094,12 @@ const Un = (e, t, s, a) => {
     actionContent: l,
     components: n,
     ...d
-  } = e, { getNextUI: r } = I(), [u, f] = k(
+  } = e, { getNextUI: r } = I(), [u, f] = q(
     d.checkboxChecked || !1
   ), { disabled: _ } = M(
     t,
     i
-  ), h = A(t, s, n), j = l ? A(t, s, l) : void 0, y = c ? A(t, s, c) : void 0, x = D(
+  ), h = O(t, s, n), j = l ? O(t, s, l) : void 0, y = c ? O(t, s, c) : void 0, x = D(
     async (p) => {
       var N;
       try {
@@ -2081,7 +2116,7 @@ const Un = (e, t, s, a) => {
             C,
             a
           );
-          w != null && w.data && O(t, w == null ? void 0 : w.data);
+          w != null && w.data && T(t, w == null ? void 0 : w.data);
         }
       } catch (b) {
         console.error("Error in accordion checkbox action:", b), alert(JSON.stringify(b));
@@ -2094,16 +2129,16 @@ const Un = (e, t, s, a) => {
     disabled: m,
     checkboxChecked: u,
     onChanceCheckbox: d.hasCheckbox ? x : void 0,
-    actionContent: j ? /* @__PURE__ */ o.jsx(o.Fragment, { children: j.map((p, N) => /* @__PURE__ */ o.jsx($, { children: p }, `accordion-action-${N}`)) }) : void 0,
-    customContent: y ? /* @__PURE__ */ o.jsx(o.Fragment, { children: y.map((p, N) => /* @__PURE__ */ o.jsx($, { children: p }, `accordion-custom-${N}`)) }) : void 0,
-    children: h ? /* @__PURE__ */ o.jsx("section", { className: Te.accordionBody, children: h.map((p, N) => /* @__PURE__ */ o.jsx($, { children: p }, `accordion-child-${N}`)) }) : void 0
+    actionContent: j ? /* @__PURE__ */ o.jsx(o.Fragment, { children: j.map((p, N) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-action-${N}`)) }) : void 0,
+    customContent: y ? /* @__PURE__ */ o.jsx(o.Fragment, { children: y.map((p, N) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-custom-${N}`)) }) : void 0,
+    children: h ? /* @__PURE__ */ o.jsx("section", { className: Te.accordionBody, children: h.map((p, N) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-child-${N}`)) }) : void 0
   };
-  return /* @__PURE__ */ o.jsx(lt, { ...g });
-}, ba = "_drawer_13pxo_1", pa = "_drawerBody_13pxo_5", ja = "_drawerFooter_13pxo_11", _e = {
-  drawer: ba,
-  drawerBody: pa,
-  drawerFooter: ja
-}, wa = ({
+  return /* @__PURE__ */ o.jsx(dt, { ...g });
+}, Na = "_drawer_13pxo_1", va = "_drawerBody_13pxo_5", Ea = "_drawerFooter_13pxo_11", _e = {
+  drawer: Na,
+  drawerBody: va,
+  drawerFooter: Ea
+}, Sa = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
@@ -2124,22 +2159,22 @@ const Un = (e, t, s, a) => {
     children: null
   }, f = D(() => {
     xe(e), Z(e, !1);
-  }, [e]), _ = Array.isArray(a) ? A(e, t, a) : a ? /* @__PURE__ */ o.jsx(Re, { type: "h2", children: a }) : void 0, h = A(e, t, i), j = c ? A(e, t, c) : void 0;
+  }, [e]), _ = Array.isArray(a) ? O(e, t, a) : a ? /* @__PURE__ */ o.jsx(Re, { type: "h2", children: a }) : void 0, h = O(e, t, i), j = c ? O(e, t, c) : void 0;
   return /* @__PURE__ */ o.jsx(
-    dt,
+    _t,
     {
       ...u,
       className: _e.drawer,
       isOpen: r,
       onClose: f,
       heightGap: 0,
-      title: _ ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(_) ? _.map((y, x) => /* @__PURE__ */ o.jsx($, { children: y }, `drawer-header-${x}`)) : _ }) : void 0,
-      children: /* @__PURE__ */ o.jsx("section", { className: _e.drawerBody, children: h.map((y, x) => /* @__PURE__ */ o.jsx($, { children: y }, `drawer-body-${x}`)) }),
-      footer: j ? /* @__PURE__ */ o.jsx("div", { className: _e.drawerFooter, children: j.map((y, x) => /* @__PURE__ */ o.jsx($, { children: y }, `drawer-footer-${x}`)) }) : void 0
+      title: _ ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(_) ? _.map((y, x) => /* @__PURE__ */ o.jsx(A, { children: y }, `drawer-header-${x}`)) : _ }) : void 0,
+      children: /* @__PURE__ */ o.jsx("section", { className: _e.drawerBody, children: h.map((y, x) => /* @__PURE__ */ o.jsx(A, { children: y }, `drawer-body-${x}`)) }),
+      footer: j ? /* @__PURE__ */ o.jsx("div", { className: _e.drawerFooter, children: j.map((y, x) => /* @__PURE__ */ o.jsx(A, { children: y }, `drawer-footer-${x}`)) }) : void 0
     }
   );
 }, $e = (e, t, s, a, i) => {
-  const c = A(
+  const c = O(
     e,
     t,
     (a == null ? void 0 : a.components) || null,
@@ -2148,7 +2183,7 @@ const Un = (e, t, s, a) => {
   switch (s) {
     case "body":
       return /* @__PURE__ */ o.jsx(
-        Pt,
+        en,
         {
           ...a,
           inputs: c || []
@@ -2157,7 +2192,7 @@ const Un = (e, t, s, a) => {
       );
     case "header":
       return /* @__PURE__ */ o.jsx(
-        Tn,
+        $n,
         {
           ...a,
           components: c || []
@@ -2167,9 +2202,9 @@ const Un = (e, t, s, a) => {
     default:
       return null;
   }
-}, Da = (e, t, s, a) => {
+}, Ma = (e, t, s, a) => {
   var _, h, j;
-  const [i, c] = k(!1), l = v((y) => y), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? $e(
+  const [i, c] = q(!1), l = v((y) => y), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? $e(
     e,
     n,
     "header",
@@ -2184,11 +2219,11 @@ const Un = (e, t, s, a) => {
   ) : null, u = S(() => {
     var y;
     return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      ((y = l[e]) == null ? void 0 : y.isLoading) && /* @__PURE__ */ o.jsx(_t, {}),
+      ((y = l[e]) == null ? void 0 : y.isLoading) && /* @__PURE__ */ o.jsx(ut, {}),
       d,
       r,
-      n && /* @__PURE__ */ o.jsx(Ln, { userFlow: e, pageId: n }),
-      l[e] && /* @__PURE__ */ o.jsx(ut, {})
+      n && /* @__PURE__ */ o.jsx(Bn, { userFlow: e, pageId: n }),
+      l[e] && /* @__PURE__ */ o.jsx(ht, {})
     ] });
   }, [d, r, n, e]), f = async () => {
     try {
@@ -2217,9 +2252,9 @@ const Un = (e, t, s, a) => {
   }, []), i && console.error("[not-page]: No render page"), u;
 };
 export {
-  kn as Chart,
-  Gn as Row,
-  Gt as heading,
-  Ut as text,
-  Da as usePage
+  On as Chart,
+  Un as Row,
+  Ut as heading,
+  Jt as text,
+  Ma as usePage
 };