@foris/avocado-not-front 8.0.0 → 8.0.2

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

@@ -1,29 +1,29 @@
-import V from "axios";
+import z from "axios";
 import { create as nn } from "zustand";
-import rn, { useMemo as k, useState as O, useCallback as D, Fragment as A, useEffect as G, useRef as he, useLayoutEffect as sn, cloneElement as on } from "react";
-import { Heading as Nt, Text as vt, Accordion as an, ThemeStore as fe, Box as cn, RadioButton as ln, Stepper as dn, ProgressBar as un, Breadcrumbs as _n, Button as hn, CardAccordion as fn, Card as xn, CardNotification as je, SkeletonBase as Et, Checkbox as yn, PreviewerMarkdown as Tt, DataCard as At, Divider as mn, Drawer as gn, DropdownButton as pn, HeaderNavigation as bn, Link as jn, Menu as Cn, Modal as wn, Pill as Le, RoundButton as Nn, SelectPagination as vn, Select as En, Switch as Tn, Pager as ke, Table as An, Tabs as Sn, Textarea as kn, TextField as On, toast as de, Tooltip as Rn, Loading as Dn, Toaster as $n } from "@foris/avocado-suite";
-import { ChatPanel as In, PromptCodeEditor as Ln, SummaryCard as qn } from "@foris/ai-agent";
+import rn, { useMemo as S, useState as O, useCallback as R, Fragment as A, useEffect as U, useRef as he, useLayoutEffect as sn, cloneElement as on } from "react";
+import { Heading as Et, Text as Tt, Accordion as an, ThemeStore as fe, Box as cn, RadioButton as ln, Stepper as dn, ProgressBar as un, Breadcrumbs as _n, Button as hn, CardAccordion as fn, Card as xn, CardNotification as je, SkeletonBase as At, Checkbox as yn, PreviewerMarkdown as kt, DataCard as St, Divider as mn, Drawer as gn, FileUpload as pn, DropdownButton as bn, HeaderNavigation as jn, Link as Cn, Menu as Nn, Modal as wn, Pill as qe, RoundButton as vn, SelectPagination as En, Select as Tn, Switch as An, Pager as Se, Table as kn, Tabs as Sn, Textarea as On, TextField as Rn, toast as de, Tooltip as Dn, ContextualNavigation as In, Loading as $n, Toaster as Ln } from "@foris/avocado-suite";
+import { ChatPanel as qn, PromptCodeEditor as Bn, SummaryCard as Hn } from "@foris/ai-agent";
 import q from "jsonpath";
-import { ResponsiveContainer as Ke, Legend as Bn, Tooltip as Hn, XAxis as Kn, YAxis as Gn, AreaChart as Un, CartesianGrid as re, Area as St, BarChart as Ge, Bar as Ne, ComposedChart as Mn, Line as kt, PieChart as Ot, Pie as Rt, Cell as Dt, Sector as ot, LineChart as Vn } from "recharts";
-import zn from "@uiw/react-codemirror";
-import { json as at } from "@codemirror/lang-json";
-import { markdown as Xn } from "@codemirror/lang-markdown";
-import { sql as Wn } from "@codemirror/lang-sql";
-import { yaml as Jn } from "@codemirror/lang-yaml";
-import { Icon as ct } from "@foris/avocado-icons";
-const Ue = "sessionId", Yn = () => sessionStorage.getItem(Ue), Me = (e) => {
-  e && sessionStorage.setItem(Ue, e);
-}, Oa = () => {
-  sessionStorage.removeItem(Ue);
-}, v = nn(() => ({})), be = (e, t, n, s, o) => {
-  Me(o);
-  const c = n == null ? void 0 : n.hash, i = s && Object.keys(s).length > 0 ? { ...s } : {};
-  v.setState((r) => {
+import { ResponsiveContainer as Ue, Legend as Kn, Tooltip as Un, XAxis as Gn, YAxis as Mn, AreaChart as zn, CartesianGrid as re, Area as Ot, BarChart as Ge, Bar as we, ComposedChart as Vn, Line as Rt, PieChart as Dt, Pie as It, Cell as $t, Sector as it, LineChart as Xn } from "recharts";
+import Wn from "@uiw/react-codemirror";
+import { json as lt } from "@codemirror/lang-json";
+import { markdown as Jn } from "@codemirror/lang-markdown";
+import { sql as Yn } from "@codemirror/lang-sql";
+import { yaml as Qn } from "@codemirror/lang-yaml";
+import { Icon as dt } from "@foris/avocado-icons";
+const Me = "sessionId", Zn = () => sessionStorage.getItem(Me), ze = (e) => {
+  e && sessionStorage.setItem(Me, e);
+}, Ha = () => {
+  sessionStorage.removeItem(Me);
+}, v = nn(() => ({})), be = (e, t, r, s, o) => {
+  ze(o);
+  const c = r == null ? void 0 : r.hash, i = s && Object.keys(s).length > 0 ? { ...s } : {};
+  v.setState((n) => {
     var u;
     return {
-      ...r,
+      ...n,
       [e]: {
-        ...r[e],
+        ...n[e],
         apiConfig: t,
         currentPageId: c,
         isLoading: !1,
@@ -32,23 +32,23 @@ const Ue = "sessionId", Yn = () => sessionStorage.getItem(Ue), Me = (e) => {
         entries: i,
         overlay: null,
         pages: {
-          ...(u = r[e]) == null ? void 0 : u.pages,
+          ...(u = n[e]) == null ? void 0 : u.pages,
           [c]: {
-            page: n
+            page: r
           }
         }
       }
     };
   });
-}, $t = (e, t, n) => {
-  const s = n && Object.keys(n).length > 0 ? { ...e, ...n } : e;
+}, Lt = (e, t, r) => {
+  const s = r && Object.keys(r).length > 0 ? { ...e, ...r } : e;
   return t.length === 0 ? s : Object.fromEntries(
     Object.entries(s).filter(([o]) => !t.includes(o))
   );
-}, Qn = (e, t, n, s, o) => {
-  Me(n), v.setState((c) => {
-    const i = c[e] ?? {}, r = i.entries ?? {}, u = $t(
-      r,
+}, Fn = (e, t, r, s, o) => {
+  ze(r), v.setState((c) => {
+    const i = c[e] ?? {}, n = i.entries ?? {}, u = Lt(
+      n,
       s,
       o
     );
@@ -69,12 +69,12 @@ const Ue = "sessionId", Yn = () => sessionStorage.getItem(Ue), Me = (e) => {
       }
     };
   });
-}, Zn = (e, t, n, s) => {
+}, Pn = (e, t, r, s) => {
   v.setState((o) => {
     var l;
-    const c = o[e] ?? {}, i = c.entries ?? {}, r = $t(
+    const c = o[e] ?? {}, i = c.entries ?? {}, n = Lt(
       i,
-      n,
+      r,
       s
     ), u = (l = t.components) == null ? void 0 : l.some(
       (d) => d.component === "drawer"
@@ -83,7 +83,7 @@ const Ue = "sessionId", Yn = () => sessionStorage.getItem(Ue), Me = (e) => {
       ...o,
       [e]: {
         ...c,
-        entries: r,
+        entries: n,
         overlay: t,
         isLoading: !1,
         isModalOpen: !u,
@@ -99,89 +99,89 @@ const Ue = "sessionId", Yn = () => sessionStorage.getItem(Ue), Me = (e) => {
       overlay: null
     }
   }));
-}, Fn = (e) => {
-  var n;
-  return ((n = v.getState()[e]) == null ? void 0 : n.overlay) ?? null;
+}, er = (e) => {
+  var r;
+  return ((r = v.getState()[e]) == null ? void 0 : r.overlay) ?? null;
 }, H = (e, t) => {
   const {
-    content: n,
+    content: r,
     sessionId: s,
     deprecatedStateKeys: o = [],
     sessionState: c
   } = t;
-  n.type !== "page" && n.type !== "overlay" || (n.type === "page" ? Qn(
+  r.type !== "page" && r.type !== "overlay" || (r.type === "page" ? Fn(
     e,
-    n,
+    r,
     s,
     o,
     c
-  ) : Zn(
+  ) : Pn(
     e,
-    n,
+    r,
     o,
     c
   ));
 }, B = (e, t) => {
-  v.setState((n) => {
+  v.setState((r) => {
     var s;
     return {
-      ...n,
+      ...r,
       [e]: {
-        ...n[e],
+        ...r[e],
         entries: {
-          ...(s = n[e]) == null ? void 0 : s.entries,
+          ...(s = r[e]) == null ? void 0 : s.entries,
           ...t
           // New entries
         }
       }
     };
   });
-}, Pn = (e, t) => {
-  v.setState((n) => {
-    const s = n[e];
+}, tr = (e, t) => {
+  v.setState((r) => {
+    const s = r[e];
     if (!s)
-      return n;
+      return r;
     const o = s.entries ?? {};
     if (!(t in o))
-      return n;
+      return r;
     const { [t]: c, ...i } = o;
     return {
-      ...n,
+      ...r,
       [e]: {
         ...s,
         entries: i
       }
     };
   });
-}, F = (e, t) => {
-  v.setState((n) => ({
-    ...n,
+}, P = (e, t) => {
+  v.setState((r) => ({
+    ...r,
     [e]: {
-      ...n[e],
+      ...r[e],
       isLoading: t
     }
   }));
-}, ze = (e, t) => {
-  v.setState((n) => ({
-    ...n,
+}, Xe = (e, t) => {
+  v.setState((r) => ({
+    ...r,
     [e]: {
-      ...n[e],
+      ...r[e],
       isModalOpen: t
     }
   }));
 }, _e = (e, t) => {
-  v.setState((n) => ({
-    ...n,
+  v.setState((r) => ({
+    ...r,
     [e]: {
-      ...n[e],
+      ...r[e],
       isDrawerOpen: t
     }
   }));
-}, it = (e, t) => {
-  v.setState((n) => {
-    const s = n[e];
+}, ut = (e, t) => {
+  v.setState((r) => {
+    const s = r[e];
     return s ? {
-      ...n,
+      ...r,
       [e]: {
         ...s,
         apiConfig: {
@@ -189,38 +189,38 @@ const Ue = "sessionId", Yn = () => sessionStorage.getItem(Ue), Me = (e) => {
           headers: t
         }
       }
-    } : n;
+    } : r;
   });
 };
-let Oe = !1, Ce = [], lt = !1;
-const er = (e) => e._userFlow || null, dt = (e) => {
-  Ce.forEach(({ resolve: t, reject: n }) => {
-    e ? n(e) : t(void 0);
+let Oe = !1, Ce = [], _t = !1;
+const nr = (e) => e._userFlow || null, ht = (e) => {
+  Ce.forEach(({ resolve: t, reject: r }) => {
+    e ? r(e) : t(void 0);
   }), Ce = [];
-}, tr = async (e) => {
+}, rr = async (e) => {
   var s, o;
   const t = e == null ? void 0 : e.config;
   if (((s = e == null ? void 0 : e.response) == null ? void 0 : s.status) === 401 && !t._retry) {
-    const c = er(t);
+    const c = nr(t);
     if (c) {
-      const r = (o = v.getState()[c]) == null ? void 0 : o.apiConfig;
-      if (!r)
+      const n = (o = v.getState()[c]) == null ? void 0 : o.apiConfig;
+      if (!n)
         return Promise.reject(e);
-      if (r.onAuthenticationError || typeof r.headers == "function") {
+      if (n.onAuthenticationError || typeof n.headers == "function") {
         if (Oe)
           return new Promise((l, d) => {
             Ce.push({ resolve: l, reject: d });
-          }).then(() => V(t)).catch((l) => (console.error("[axiosInterceptors] Queued request failed:", l), Promise.reject(l)));
+          }).then(() => z(t)).catch((l) => (console.error("[axiosInterceptors] Queued request failed:", l), Promise.reject(l)));
         t._retry = !0, Oe = !0;
         try {
           let l;
-          if (r.onAuthenticationError)
-            l = await r.onAuthenticationError();
-          else if (typeof r.headers == "function")
-            l = r.headers();
+          if (n.onAuthenticationError)
+            l = await n.onAuthenticationError();
+          else if (typeof n.headers == "function")
+            l = n.headers();
           else
             throw new Error("No refresh handler available");
-          return r.onAuthenticationError && (typeof r.headers == "string" ? it(c, JSON.stringify(l)) : it(c, l)), t.headers || (t.headers = {}), Object.assign(t.headers, l), dt(null), V(t);
+          return n.onAuthenticationError && (typeof n.headers == "string" ? ut(c, JSON.stringify(l)) : ut(c, l)), t.headers || (t.headers = {}), Object.assign(t.headers, l), ht(null), z(t);
         } catch (l) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
@@ -228,7 +228,7 @@ const er = (e) => e._userFlow || null, dt = (e) => {
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
             Ce.length
-          ), dt(l), Promise.reject(l);
+          ), ht(l), Promise.reject(l);
         } finally {
           Oe = !1;
         }
@@ -243,17 +243,17 @@ const er = (e) => e._userFlow || null, dt = (e) => {
       );
   }
   return Promise.reject(e);
-}, nr = () => {
-  if (lt) {
+}, sr = () => {
+  if (_t) {
     console.debug(
       "[axiosInterceptors] Interceptors already initialized, skipping"
     );
     return;
   }
-  console.debug("[axiosInterceptors] Initializing interceptors..."), V.interceptors.response.use(void 0, tr), console.debug("[axiosInterceptors] Response error interceptor registered"), lt = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
+  console.debug("[axiosInterceptors] Initializing interceptors..."), z.interceptors.response.use(void 0, rr), console.debug("[axiosInterceptors] Response error interceptor registered"), _t = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
 };
-nr();
-function rr(e) {
+sr();
+function or(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Re = { exports: {} }, ue = {};
@@ -266,136 +266,137 @@ var Re = { exports: {} }, ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ut;
-function sr() {
-  if (ut) return ue;
-  ut = 1;
-  var e = rn, 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, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(r, u, l) {
+var ft;
+function ar() {
+  if (ft) return ue;
+  ft = 1;
+  var e = rn, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(n, u, l) {
     var d, _ = {}, h = null, f = null;
     l !== void 0 && (h = "" + l), u.key !== void 0 && (h = "" + u.key), u.ref !== void 0 && (f = u.ref);
     for (d in u) s.call(u, d) && !c.hasOwnProperty(d) && (_[d] = u[d]);
-    if (r && r.defaultProps) for (d in u = r.defaultProps, u) _[d] === void 0 && (_[d] = u[d]);
-    return { $$typeof: t, type: r, key: h, ref: f, props: _, _owner: o.current };
+    if (n && n.defaultProps) for (d in u = n.defaultProps, u) _[d] === void 0 && (_[d] = u[d]);
+    return { $$typeof: t, type: n, key: h, ref: f, props: _, _owner: o.current };
   }
-  return ue.Fragment = n, ue.jsx = i, ue.jsxs = i, ue;
+  return ue.Fragment = r, ue.jsx = i, ue.jsxs = i, ue;
 }
-var _t;
-function or() {
-  return _t || (_t = 1, Re.exports = sr()), Re.exports;
+var xt;
+function cr() {
+  return xt || (xt = 1, Re.exports = ar()), Re.exports;
 }
-var a = or();
-const ar = (e) => {
+var a = cr();
+const ir = (e) => {
   if (!(e != null && e.content)) return null;
   const t = {
     ...e,
     children: e.content,
     type: e.variant
   };
-  return /* @__PURE__ */ a.jsx(Nt, { ...t });
-}, cr = (e) => {
+  return /* @__PURE__ */ a.jsx(Et, { ...t });
+}, lr = (e) => {
   if (!e) return null;
   const t = {
     ...e,
     children: e.content
   };
-  return /* @__PURE__ */ a.jsx(vt, { ...t });
-}, T = (e, t, n, s) => {
+  return /* @__PURE__ */ a.jsx(Tt, { ...t });
+}, T = (e, t, r, s) => {
   var i;
   const o = {
-    accordion: (r) => /* @__PURE__ */ a.jsx(gr, { ...r, userFlow: e, pageId: t }),
-    aiChatPanel: (r) => /* @__PURE__ */ a.jsx(
-      pr,
+    accordion: (n) => /* @__PURE__ */ a.jsx(br, { ...n, userFlow: e, pageId: t }),
+    aiChatPanel: (n) => /* @__PURE__ */ a.jsx(
+      jr,
       {
-        ...r,
+        ...n,
         userFlow: e,
         pageId: t,
         onResolveProps: s == null ? void 0 : s.aiChatPanel
       }
     ),
-    aiSummaryCard: (r) => /* @__PURE__ */ a.jsx(
-      vr,
+    aiSummaryCard: (n) => /* @__PURE__ */ a.jsx(
+      Tr,
       {
-        ...r,
+        ...n,
         userFlow: e,
         pageId: t,
         onResolveProps: s == null ? void 0 : s.aiSummaryCard
       }
     ),
-    aiPromptCodeEditor: (r) => /* @__PURE__ */ a.jsx(Cr, { ...r, userFlow: e, pageId: t }),
-    box: (r) => /* @__PURE__ */ a.jsx(Or, { ...r, userFlow: e, pageId: t }),
-    breadcrumbs: (r) => /* @__PURE__ */ a.jsx(Mr, { ...r, userFlow: e, pageId: t }),
-    tooltip: (r) => /* @__PURE__ */ a.jsx(_a, { ...r, userFlow: e, pageId: t }),
-    textarea: (r) => /* @__PURE__ */ a.jsx(oa, { ...r, userFlow: e, pageId: t }),
-    card: (r) => /* @__PURE__ */ a.jsx(Yr, { ...r, userFlow: e, pageId: t }),
-    dropdownButton: (r) => /* @__PURE__ */ a.jsx(Js, { ...r, userFlow: e, pageId: t }),
-    menu: (r) => /* @__PURE__ */ a.jsx(eo, { ...r, userFlow: e, pageId: t }),
-    radioGroup: (r) => /* @__PURE__ */ a.jsx(Kr, { ...r, userFlow: e, pageId: t }),
-    stepper: (r) => /* @__PURE__ */ a.jsx(Gr, { ...r, userFlow: e, pageId: t }),
-    progressBar: (r) => /* @__PURE__ */ a.jsx(Ur, { ...r, userFlow: e, pageId: t }),
-    button: (r) => /* @__PURE__ */ a.jsx(Vr, { ...r, userFlow: e, pageId: t }),
-    cardAccordion: (r) => /* @__PURE__ */ a.jsx(Xr, { ...r, userFlow: e, pageId: t }),
-    cardNotification: (r) => /* @__PURE__ */ a.jsx(Qr, { ...r, userFlow: e, pageId: t }),
-    chart: (r) => /* @__PURE__ */ a.jsx(vs, { ...r, userFlow: e }),
-    dataCard: (r) => /* @__PURE__ */ a.jsx(Ks, { ...r, userFlow: e, pageId: t }),
-    checkbox: (r) => /* @__PURE__ */ a.jsx(Es, { ...r, userFlow: e, pageId: t }),
-    code: (r) => /* @__PURE__ */ a.jsx(Ds, { ...r, userFlow: e, pageId: t }),
-    divider: (r) => /* @__PURE__ */ a.jsx(Ms, { ...r }),
-    drawer: (r) => /* @__PURE__ */ a.jsx(Ws, { ...r, userFlow: e, pageId: t }),
-    heading: (r) => ar(r),
-    headerNavigation: (r) => /* @__PURE__ */ a.jsx(
-      Mt,
+    aiPromptCodeEditor: (n) => /* @__PURE__ */ a.jsx(wr, { ...n, userFlow: e, pageId: t }),
+    box: (n) => /* @__PURE__ */ a.jsx(Lr, { ...n, userFlow: e, pageId: t }),
+    breadcrumbs: (n) => /* @__PURE__ */ a.jsx(Xr, { ...n, userFlow: e, pageId: t }),
+    tooltip: (n) => /* @__PURE__ */ a.jsx(ma, { ...n, userFlow: e, pageId: t }),
+    textarea: (n) => /* @__PURE__ */ a.jsx(da, { ...n, userFlow: e, pageId: t }),
+    card: (n) => /* @__PURE__ */ a.jsx(Fr, { ...n, userFlow: e, pageId: t }),
+    dropdownButton: (n) => /* @__PURE__ */ a.jsx(Ps, { ...n, userFlow: e, pageId: t }),
+    menu: (n) => /* @__PURE__ */ a.jsx(oo, { ...n, userFlow: e, pageId: t }),
+    radioGroup: (n) => /* @__PURE__ */ a.jsx(Mr, { ...n, userFlow: e, pageId: t }),
+    stepper: (n) => /* @__PURE__ */ a.jsx(zr, { ...n, userFlow: e, pageId: t }),
+    progressBar: (n) => /* @__PURE__ */ a.jsx(Vr, { ...n, userFlow: e, pageId: t }),
+    button: (n) => /* @__PURE__ */ a.jsx(Wr, { ...n, userFlow: e, pageId: t }),
+    cardAccordion: (n) => /* @__PURE__ */ a.jsx(Yr, { ...n, userFlow: e, pageId: t }),
+    cardNotification: (n) => /* @__PURE__ */ a.jsx(Pr, { ...n, userFlow: e, pageId: t }),
+    chart: (n) => /* @__PURE__ */ a.jsx(As, { ...n, userFlow: e }),
+    dataCard: (n) => /* @__PURE__ */ a.jsx(Ms, { ...n, userFlow: e, pageId: t }),
+    checkbox: (n) => /* @__PURE__ */ a.jsx(ks, { ...n, userFlow: e, pageId: t }),
+    code: (n) => /* @__PURE__ */ a.jsx(Ls, { ...n, userFlow: e, pageId: t }),
+    divider: (n) => /* @__PURE__ */ a.jsx(Xs, { ...n }),
+    drawer: (n) => /* @__PURE__ */ a.jsx(Qs, { ...n, userFlow: e, pageId: t }),
+    fileUpload: (n) => /* @__PURE__ */ a.jsx(Fs, { ...n, userFlow: e, pageId: t }),
+    heading: (n) => ir(n),
+    headerNavigation: (n) => /* @__PURE__ */ a.jsx(
+      zt,
       {
-        ...r,
+        ...n,
         userFlow: e,
         pageId: t,
         onResolveComponentProps: s
       }
     ),
-    link: (r) => /* @__PURE__ */ a.jsx(Ps, { ...r, userFlow: e, pageId: t }),
-    pill: (r) => /* @__PURE__ */ a.jsx(uo, { ...r }),
-    previewerMarkdown: (r) => /* @__PURE__ */ a.jsx(_o, { ...r }),
-    modal: (r) => /* @__PURE__ */ a.jsx(ro, { ...r, userFlow: e, pageId: t }),
-    roundButton: (r) => /* @__PURE__ */ a.jsx(ho, { ...r, userFlow: e, pageId: t }),
-    row: (r) => /* @__PURE__ */ a.jsx(yo, { ...r, userFlow: e, pageId: t }),
-    select: (r) => /* @__PURE__ */ a.jsx(No, { ...r, userFlow: e, pageId: t }),
-    switch: (r) => /* @__PURE__ */ a.jsx(Io, { ...r, userFlow: e, pageId: t }),
-    spacing: (r) => /* @__PURE__ */ a.jsx($o, { ...r, userFlow: e, pageId: t }),
-    table: (r) => /* @__PURE__ */ a.jsx(Fo, { ...r, userFlow: e, pageId: t }),
-    tabs: (r) => /* @__PURE__ */ a.jsx(na, { ...r, userFlow: e, pageId: t }),
-    text: (r) => cr(r),
-    textField: (r) => /* @__PURE__ */ a.jsx(ia, { ...r, userFlow: e, pageId: t }),
-    toast: (r) => /* @__PURE__ */ a.jsx(la, { ...r, userFlow: e, pageId: t })
+    link: (n) => /* @__PURE__ */ a.jsx(so, { ...n, userFlow: e, pageId: t }),
+    pill: (n) => /* @__PURE__ */ a.jsx(yo, { ...n }),
+    previewerMarkdown: (n) => /* @__PURE__ */ a.jsx(mo, { ...n }),
+    modal: (n) => /* @__PURE__ */ a.jsx(io, { ...n, userFlow: e, pageId: t }),
+    roundButton: (n) => /* @__PURE__ */ a.jsx(go, { ...n, userFlow: e, pageId: t }),
+    row: (n) => /* @__PURE__ */ a.jsx(jo, { ...n, userFlow: e, pageId: t }),
+    select: (n) => /* @__PURE__ */ a.jsx(ko, { ...n, userFlow: e, pageId: t }),
+    switch: (n) => /* @__PURE__ */ a.jsx(Ko, { ...n, userFlow: e, pageId: t }),
+    spacing: (n) => /* @__PURE__ */ a.jsx(Ho, { ...n, userFlow: e, pageId: t }),
+    table: (n) => /* @__PURE__ */ a.jsx(ra, { ...n, userFlow: e, pageId: t }),
+    tabs: (n) => /* @__PURE__ */ a.jsx(ca, { ...n, userFlow: e, pageId: t }),
+    text: (n) => lr(n),
+    textField: (n) => /* @__PURE__ */ a.jsx(ha, { ...n, userFlow: e, pageId: t }),
+    toast: (n) => /* @__PURE__ */ a.jsx(fa, { ...n, userFlow: e, pageId: t })
   };
-  return (i = n == null ? void 0 : n.filter(Boolean)) == null ? void 0 : i.map((r) => {
-    const u = o[r.component];
-    return u ? u({ ...r, userFlow: e, pageId: t }) : null;
+  return (i = r == null ? void 0 : r.filter(Boolean)) == null ? void 0 : i.map((n) => {
+    const u = o[n.component];
+    return u ? u({ ...n, userFlow: e, pageId: t }) : null;
   });
 };
-function ir(e) {
+function dr(e) {
   return !!(e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0);
 }
-function It(e, t) {
+function qt(e, t) {
   if (!(t != null && t.length))
     return !1;
-  for (const n of t)
-    if (n.when === "empty") {
-      const s = e == null ? void 0 : e[n.key];
-      if (ir(s))
+  for (const r of t)
+    if (r.when === "empty") {
+      const s = e == null ? void 0 : e[r.key];
+      if (dr(s))
         return !0;
     }
   return !1;
 }
-function I(e, t) {
-  const n = v((s) => {
+function L(e, t) {
+  const r = v((s) => {
     var o;
     return (o = s[e]) == null ? void 0 : o.entries;
   });
-  return k(
+  return S(
     () => ({
-      disabled: It(n, t)
+      disabled: qt(r, t)
     }),
-    [t, n]
+    [t, r]
   );
 }
 const se = (e) => {
@@ -410,29 +411,29 @@ const se = (e) => {
       return { "content-type": "application/json", Authorization: e };
     }
   return e;
-}, xe = () => new AbortController(), lr = (e, t = {}, n = {}, s = !1, o) => {
+}, xe = () => new AbortController(), ur = (e, t = {}, r = {}, s = !1, o) => {
   const c = xe();
   s && c.abort();
   const i = se(t);
   return {
-    call: V.get(e, {
+    call: z.get(e, {
       headers: {
         ...i
       },
-      params: n,
+      params: r,
       signal: c.signal,
       _userFlow: o
     }),
     controller: c
   };
-}, qe = (e, t = {}, n = {}, s = {}, o = !1, c) => {
+}, Be = (e, t = {}, r = {}, s = {}, o = !1, c) => {
   const i = xe();
   o && i.abort();
-  const r = se(t);
+  const n = se(t);
   return {
-    call: V.post(e, n, {
+    call: z.post(e, r, {
       headers: {
-        ...r
+        ...n
       },
       params: s,
       signal: i.signal,
@@ -440,14 +441,14 @@ const se = (e) => {
     }),
     controller: i
   };
-}, dr = (e, t = {}, n = {}, s = {}, o = !1, c) => {
+}, _r = (e, t = {}, r = {}, s = {}, o = !1, c) => {
   const i = xe();
   o && i.abort();
-  const r = se(t);
+  const n = se(t);
   return {
-    call: V.put(e, n, {
+    call: z.put(e, r, {
       headers: {
-        ...r
+        ...n
       },
       params: s,
       signal: i.signal,
@@ -455,14 +456,14 @@ const se = (e) => {
     }),
     controller: i
   };
-}, ur = (e, t = {}, n = {}, s = {}, o = !1, c) => {
+}, hr = (e, t = {}, r = {}, s = {}, o = !1, c) => {
   const i = xe();
   o && i.abort();
-  const r = se(t);
+  const n = se(t);
   return {
-    call: V.patch(e, n, {
+    call: z.patch(e, r, {
       headers: {
-        ...r
+        ...n
       },
       params: s,
       signal: i.signal,
@@ -470,23 +471,23 @@ const se = (e) => {
     }),
     controller: i
   };
-}, _r = (e, t = {}, n = {}, s = {}, o = !1, c) => {
+}, fr = (e, t = {}, r = {}, s = {}, o = !1, c) => {
   const i = xe();
   o && i.abort();
-  const r = se(t);
+  const n = se(t);
   return {
-    call: V.delete(e, {
+    call: z.delete(e, {
       headers: {
-        ...r
+        ...n
       },
-      data: n,
+      data: r,
       params: s,
       signal: i.signal,
       _userFlow: c
     }),
     controller: i
   };
-}, Lt = () => {
+}, Bt = () => {
   let e;
   return { callEndpoint: async (s) => {
     s.controller && (e = s.controller);
@@ -500,11 +501,11 @@ const se = (e) => {
   }, cancelEndpoint: () => {
     e && e.abort();
   } };
-}, qt = async (e, t, n = "", s = {}, o = {}) => {
+}, Ht = async (e, t, r = "", s = {}, o = {}) => {
   try {
-    const { callEndpoint: c } = Lt(), { api: i, headers: r } = e, u = Yn(), l = new URLSearchParams({ session_name: t });
-    n && l.append("hash_code", n), u && l.append("sessionId", u);
-    const d = `${i}/not-front/next-ui/?${l.toString()}`, _ = se(r), h = qe(
+    const { callEndpoint: c } = Bt(), { api: i, headers: n } = e, u = Zn(), l = new URLSearchParams({ session_name: t });
+    r && l.append("hash_code", r), u && l.append("sessionId", u);
+    const d = `${i}/not-front/next-ui/?${l.toString()}`, _ = se(n), h = Be(
       d,
       _,
       s,
@@ -516,7 +517,7 @@ const se = (e) => {
   } catch (c) {
     return console.error(c), Promise.reject(c);
   }
-}, Bt = (e) => {
+}, Kt = (e) => {
   const t = e == null ? void 0 : e.toLowerCase();
   switch (t) {
     case "post":
@@ -528,40 +529,40 @@ const se = (e) => {
     default:
       return "get";
   }
-}, hr = (e, t, n, s) => {
-  const { url: o, paginationKeys: c, params: i } = e, r = [], u = (c == null ? void 0 : c.page) ?? "page";
-  if (r.push(`${u}=${t}`), s != null) {
+}, xr = (e, t, r, s) => {
+  const { url: o, paginationKeys: c, params: i } = e, n = [], u = (c == null ? void 0 : c.page) ?? "page";
+  if (n.push(`${u}=${t}`), s != null) {
     const _ = (c == null ? void 0 : c.size) ?? "size";
-    r.push(`${_}=${s}`);
+    n.push(`${_}=${s}`);
   }
-  if (typeof n == "string") {
+  if (typeof r == "string") {
     const _ = (c == null ? void 0 : c.text) ?? "text";
-    r.push(`${_}=${encodeURIComponent(n || "")}`);
+    n.push(`${_}=${encodeURIComponent(r || "")}`);
   }
   if (i && typeof i == "object") {
     const _ = Object.entries(i).map(
       ([h, f]) => `${encodeURIComponent(h)}=${encodeURIComponent(f)}`
     );
-    r.push(..._);
+    n.push(..._);
   }
-  const l = r.join("&");
+  const l = n.join("&");
   return l ? `${o}?${l}` : o;
-}, fr = (e, t, n) => {
+}, yr = (e, t, r) => {
   var c;
   const o = { ...(e == null ? void 0 : e.data) ?? {}, ...t ?? {} };
-  if (n != null) {
+  if (r != null) {
     const i = ((c = e.paginationKeys) == null ? void 0 : c.size) ?? "size";
-    o[i] = n;
+    o[i] = r;
   }
   return o;
-}, Xe = (e, t, n, s, o) => {
-  const { type: c, url: i, method: r, headers: u } = e;
+}, We = (e, t, r, s, o) => {
+  const { type: c, url: i, method: n, headers: u } = e;
   if (c === "rest") {
-    const l = hr(e, t, n, o), d = fr(e, s, o);
+    const l = xr(e, t, r, o), d = yr(e, s, o);
     return {
       type: "rest",
       url: l,
-      method: Bt(r),
+      method: Kt(n),
       headers: u,
       data: d
     };
@@ -574,24 +575,24 @@ const se = (e) => {
       query: e == null ? void 0 : e.query,
       variables: {
         ...(e == null ? void 0 : e.variables) || {},
-        ...typeof n == "string" ? { text: n } : {},
+        ...typeof r == "string" ? { text: r } : {},
         page: t,
         ...o != null ? { size: o } : {}
       }
     };
 };
-async function xr(e, t, n, s, o, c) {
+async function mr(e, t, r, s, o, c) {
   var f, x;
   const i = await o(
     e,
     t,
     s,
-    n
-  ), r = (f = i == null ? void 0 : i.data) == null ? void 0 : f.content;
-  if ((r == null ? void 0 : r.type) !== "fetch")
+    r
+  ), n = (f = i == null ? void 0 : i.data) == null ? void 0 : f.content;
+  if ((n == null ? void 0 : n.type) !== "fetch")
     return;
-  const u = r.responseKey ?? n, l = await c(
-    r.dataSource,
+  const u = n.responseKey ?? r, l = await c(
+    n.dataSource,
     e,
     !1
   ), d = {
@@ -611,43 +612,43 @@ async function xr(e, t, n, s, o, c) {
   h != null && h.data && H(e, h.data);
 }
 const K = () => {
-  const e = v((u) => u), { callEndpoint: t } = Lt(), n = async (u, l, d, _, h = !0) => {
+  const e = v((u) => u), { callEndpoint: t } = Bt(), r = async (u, l, d, _, h = !0) => {
     var f;
     try {
       const x = (f = e[u]) == null ? void 0 : f.apiConfig, m = {
         state: { ...d },
         triggerKey: _
       };
-      return h && F(u, !0), await qt(
+      return h && P(u, !0), await Ht(
         x,
         u,
         l,
         m
       );
     } catch (x) {
-      throw h && F(u, !1), console.error("[getNextUI] Error fetching next UI:", x), x;
+      throw h && P(u, !1), console.error("[getNextUI] Error fetching next UI:", x), x;
     }
   }, s = (u, l) => {
     const { url: d, headers: _, data: h, params: f } = u;
-    switch (Bt(u.method)) {
+    switch (Kt(u.method)) {
       case "post":
-        return qe(d, _, h, {}, !1, l);
+        return Be(d, _, h, {}, !1, l);
       case "put":
-        return dr(d, _, h, {}, !1, l);
+        return _r(d, _, h, {}, !1, l);
       case "patch":
-        return ur(d, _, h, {}, !1, l);
+        return hr(d, _, h, {}, !1, l);
       case "delete":
-        return _r(d, _, h, f, !1, l);
+        return fr(d, _, h, f, !1, l);
       case "get":
       default:
-        return lr(d, _, f, !1, l);
+        return ur(d, _, f, !1, l);
     }
   }, o = (u, l) => {
     const { url: d, headers: _ } = u, h = {
       query: u == null ? void 0 : u.query,
       variables: (u == null ? void 0 : u.variables) || {}
     };
-    return qe(
+    return Be(
       d,
       {
         ..._,
@@ -664,7 +665,7 @@ const K = () => {
       console.warn("[fetchDataSource] Invalid or missing dataSource");
       return;
     }
-    d && F(l, !0);
+    d && P(l, !0);
     try {
       let f;
       switch (u == null ? void 0 : u.type) {
@@ -689,101 +690,101 @@ const K = () => {
         }
       };
     } finally {
-      d && F(l, !1);
+      d && P(l, !1);
     }
   };
   return {
-    getNextUI: n,
+    getNextUI: r,
     fetchDataSource: c,
     fetchAndGetNextUI: async (u, l, d, _, h) => {
       try {
-        F(u, !0);
+        P(u, !0);
         const f = await c(h, u, !1);
-        return f && await n(
+        return f && await r(
           u,
           l,
           d,
           _
         );
       } catch (f) {
-        throw F(u, !1), console.error(
+        throw P(u, !1), console.error(
           "[fetchAndGetNextUI] Error fetching and navigating:",
           f
         ), f;
       }
     },
-    runGetDataSource: (u, l, d, _) => xr(
+    runGetDataSource: (u, l, d, _) => mr(
       u,
       l,
       d,
       _,
-      n,
+      r,
       c
     )
   };
-}, yr = "_accordion_1ri2t_1", mr = "_accordionBody_1ri2t_8", ht = {
-  accordion: yr,
-  accordionBody: mr
-}, gr = (e) => {
+}, gr = "_accordion_1ri2t_1", pr = "_accordionBody_1ri2t_8", yt = {
+  accordion: gr,
+  accordionBody: pr
+}, br = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     responseKey: s,
     dependencies: o,
     customContent: c,
     actionContent: i,
-    components: r,
+    components: n,
     ...u
   } = e, { getNextUI: l } = K(), [d, _] = O(
     u.checkboxChecked || !1
-  ), { disabled: h } = I(
+  ), { disabled: h } = L(
     t,
     o
-  ), f = T(t, n, r), x = i ? T(t, n, i) : void 0, m = c ? T(t, n, c) : void 0, y = D(
+  ), f = T(t, r, n), x = i ? T(t, r, i) : void 0, m = c ? T(t, r, c) : void 0, y = R(
     async (b) => {
       var w;
       try {
-        const g = b.target.checked;
-        _(g);
+        const p = b.target.checked;
+        _(p);
         const C = {
           ...(w = v.getState()[t]) == null ? void 0 : w.entries,
-          [s]: g
+          [s]: p
         };
         if (B(t, C), u.actionType === "GO_TO_NEXT_UI") {
           const N = await l(
             t,
-            n,
+            r,
             C,
             s
           );
           N != null && N.data && H(t, N == null ? void 0 : N.data);
         }
-      } catch (g) {
-        console.error("Error in accordion checkbox action:", g), alert(JSON.stringify(g));
+      } catch (p) {
+        console.error("Error in accordion checkbox action:", p), alert(JSON.stringify(p));
       }
     },
-    [t, n, s, u.actionType, l]
-  ), p = u.disabled || h, j = {
+    [t, r, s, u.actionType, l]
+  ), g = u.disabled || h, j = {
     ...u,
-    className: ht.accordion,
-    disabled: p,
+    className: yt.accordion,
+    disabled: g,
     checkboxChecked: d,
     onChanceCheckbox: u.hasCheckbox ? y : void 0,
     actionContent: x ? /* @__PURE__ */ a.jsx(a.Fragment, { children: x.map((b, w) => /* @__PURE__ */ a.jsx(A, { children: b }, `accordion-action-${w}`)) }) : void 0,
     customContent: m ? /* @__PURE__ */ a.jsx(a.Fragment, { children: m.map((b, w) => /* @__PURE__ */ a.jsx(A, { children: b }, `accordion-custom-${w}`)) }) : void 0,
-    children: f ? /* @__PURE__ */ a.jsx("section", { className: ht.accordionBody, children: f.map((b, w) => /* @__PURE__ */ a.jsx(A, { children: b }, `accordion-child-${w}`)) }) : void 0
+    children: f ? /* @__PURE__ */ a.jsx("section", { className: yt.accordionBody, children: f.map((b, w) => /* @__PURE__ */ a.jsx(A, { children: b }, `accordion-child-${w}`)) }) : void 0
   };
   return /* @__PURE__ */ a.jsx(an, { ...j });
-}, pr = (e) => {
-  const t = fe.useThemeStore((i) => i.theme.mode), n = e.dataSource, s = k(() => ({
+}, jr = (e) => {
+  const t = fe.useThemeStore((i) => i.theme.mode), r = e.dataSource, s = S(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     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", c = k(() => {
-    var r, u, l, d, _;
+    params: r == null ? void 0 : r.data
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, r == null ? void 0 : r.data]), o = e.locale ?? "en", c = S(() => {
+    var n, u, l, d, _;
     const i = {
-      title: (r = e == null ? void 0 : e.translations) == null ? void 0 : r.title,
+      title: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.title,
       welcomeTitle: (u = e == null ? void 0 : e.translations) == null ? void 0 : u.welcomeTitle,
       welcomeDescription: (l = e == null ? void 0 : e.translations) == null ? void 0 : l.welcomeDescription,
       placeholder: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.placeholder,
@@ -791,7 +792,7 @@ const K = () => {
     };
     return Object.fromEntries(Object.entries(i).filter(([, h]) => !!h));
   }, [e == null ? void 0 : e.translations]);
-  return G(() => {
+  return U(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: s,
       locale: o,
@@ -807,7 +808,7 @@ const K = () => {
     e.initialSuggestions,
     t
   ]), e.onResolveProps ? null : /* @__PURE__ */ a.jsx(
-    In,
+    qn,
     {
       dataSource: s,
       locale: o,
@@ -816,44 +817,44 @@ const K = () => {
       theme: t
     }
   );
-}, br = "_promptCodeEditor_1d57s_1", jr = {
-  promptCodeEditor: br
-}, Cr = (e) => {
+}, Cr = "_promptCodeEditor_1d57s_1", Nr = {
+  promptCodeEditor: Cr
+}, wr = (e) => {
   const {
     userFlow: t,
-    responseKey: n,
+    responseKey: r,
     codeBlockValue: s,
     language: o,
     disabled: c,
     dependencies: i,
-    dataSource: r,
+    dataSource: n,
     inputLabel: u,
     inputPlaceholder: l,
     codeBlockLabel: d
   } = e, _ = fe.useThemeStore((b) => b.theme.mode), [h, f] = O(
     s || ""
-  ), { disabled: x } = I(
+  ), { disabled: x } = L(
     t,
     i
-  ), m = c ?? x, y = o ?? "json", p = {
-    url: (r == null ? void 0 : r.url) || "",
-    method: (r == null ? void 0 : r.method) || "post",
-    headers: r == null ? void 0 : r.headers,
-    body: r == null ? void 0 : r.data
+  ), m = c ?? x, y = o ?? "json", g = {
+    url: (n == null ? void 0 : n.url) || "",
+    method: (n == null ? void 0 : n.method) || "post",
+    headers: n == null ? void 0 : n.headers,
+    body: n == null ? void 0 : n.data
   }, j = (b) => {
     f(b);
     const w = {
-      [n]: b
+      [r]: b
     };
     B(t, w);
   };
-  return G(() => {
+  return U(() => {
     s !== void 0 && s !== h && f(s);
-  }, [s]), /* @__PURE__ */ a.jsx("section", { className: jr.promptCodeEditor, children: /* @__PURE__ */ a.jsx(
-    Ln,
+  }, [s]), /* @__PURE__ */ a.jsx("section", { className: Nr.promptCodeEditor, children: /* @__PURE__ */ a.jsx(
+    Bn,
     {
       themeMode: _,
-      requestConfig: p,
+      requestConfig: g,
       language: y,
       disabled: m,
       inputLabel: u,
@@ -863,59 +864,39 @@ const K = () => {
       onCodeChange: j
     }
   ) });
-}, wr = "_summaryCard_jva4h_1", Nr = {
-  summaryCard: wr
-}, vr = (e) => {
-  const t = e.dataSource, n = k(() => ({
+}, vr = "_summaryCard_jva4h_1", Er = {
+  summaryCard: vr
+}, Tr = (e) => {
+  const t = e.dataSource, r = S(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     body: t == null ? void 0 : t.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), s = e.locale ?? "en", o = k(() => {
-    var i, r, u;
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), s = e.locale ?? "en", o = S(() => {
+    var i, n, u;
     const c = {
       title: (i = e == null ? void 0 : e.translations) == null ? void 0 : i.title,
-      loading: (r = e == null ? void 0 : e.translations) == null ? void 0 : r.loading,
+      loading: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.loading,
       noData: (u = e == null ? void 0 : e.translations) == null ? void 0 : u.noData
     };
     return Object.fromEntries(
       Object.entries(c).filter(([, l]) => !!l)
     );
   }, [e == null ? void 0 : e.translations]);
-  return G(() => {
+  return U(() => {
     e.onResolveProps && e.onResolveProps({
-      dataSource: n,
+      dataSource: r,
       locale: s,
       translations: o
     });
-  }, [e.onResolveProps, n, s, o]), e.onResolveProps ? null : /* @__PURE__ */ a.jsx("section", { className: Nr.summaryCard, children: /* @__PURE__ */ a.jsx(
-    qn,
+  }, [e.onResolveProps, r, s, o]), e.onResolveProps ? null : /* @__PURE__ */ a.jsx("section", { className: Er.summaryCard, children: /* @__PURE__ */ a.jsx(
+    Hn,
     {
-      dataSource: n,
+      dataSource: r,
       locale: s,
       translations: o
     }
   ) });
-}, Er = "_body_14tsv_1", Tr = "_body_content_14tsv_5", ft = {
-  body: Er,
-  body_content: Tr
-}, Ar = ({ inputs: e }) => /* @__PURE__ */ a.jsx("section", { className: ft.body, children: /* @__PURE__ */ a.jsx("div", { className: ft.body_content, children: e.map((t, n) => /* @__PURE__ */ a.jsx(A, { children: t }, n)) }) }), Sr = "_boxNotFront_67q2e_1", kr = "_slotStack_67q2e_5", xt = {
-  boxNotFront: Sr,
-  slotStack: kr
-}, Or = (e) => {
-  const {
-    userFlow: t,
-    pageId: n,
-    component: s,
-    hash: o,
-    responseKey: c,
-    content: i
-  } = e, r = fe.useThemeStore((d) => d.theme.mode) === "dark", u = T(
-    t,
-    n,
-    i != null && i.length ? i : null
-  ), l = u && u.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: xt.slotStack, children: u.map((d, _) => /* @__PURE__ */ a.jsx(A, { children: d }, `box-${o}-${_}`)) }) : null;
-  return /* @__PURE__ */ a.jsx(cn, { className: xt.boxNotFront, darkMode: r, children: l });
 };
 var De = { exports: {} };
 /*!
@@ -923,12 +904,12 @@ var De = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var yt;
-function Rr() {
-  return yt || (yt = 1, (function(e) {
+var mt;
+function Ar() {
+  return mt || (mt = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
-      function n() {
+      function r() {
         for (var s = [], o = 0; o < arguments.length; o++) {
           var c = arguments[o];
           if (c) {
@@ -937,8 +918,8 @@ function Rr() {
               s.push(c);
             else if (Array.isArray(c)) {
               if (c.length) {
-                var r = n.apply(null, c);
-                r && s.push(r);
+                var n = r.apply(null, c);
+                n && s.push(n);
               }
             } else if (i === "object") {
               if (c.toString !== Object.prototype.toString && !c.toString.toString().includes("[native code]")) {
@@ -952,66 +933,87 @@ function Rr() {
         }
         return s.join(" ");
       }
-      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
   })(De)), De.exports;
 }
-var Dr = Rr();
-const te = /* @__PURE__ */ rr(Dr), $r = "_fieldset_1xrth_1", Ir = "_fieldsetColumn_1xrth_8", Lr = "_legend_1xrth_14", qr = "_options_1xrth_20", Br = "_optionsRow_1xrth_25", Hr = "_optionsColumn_1xrth_36", P = {
-  fieldset: $r,
-  fieldsetColumn: Ir,
-  legend: Lr,
-  options: qr,
-  optionsRow: Br,
-  optionsColumn: Hr
-}, Kr = (e) => {
+var kr = Ar();
+const J = /* @__PURE__ */ or(kr), Sr = "_body_6n5z9_1", Or = "_body__embedded_6n5z9_5", Rr = "_body_content_6n5z9_8", Ie = {
+  body: Sr,
+  body__embedded: Or,
+  body_content: Rr
+}, Dr = ({ inputs: e, embedded: t }) => /* @__PURE__ */ a.jsx("section", { className: J(Ie.body, t && Ie.body__embedded), children: /* @__PURE__ */ a.jsx("div", { className: Ie.body_content, children: e.map((r, s) => /* @__PURE__ */ a.jsx(A, { children: r }, s)) }) }), Ir = "_boxNotFront_67q2e_1", $r = "_slotStack_67q2e_5", gt = {
+  boxNotFront: Ir,
+  slotStack: $r
+}, Lr = (e) => {
+  const {
+    userFlow: t,
+    pageId: r,
+    component: s,
+    hash: o,
+    responseKey: c,
+    content: i
+  } = e, n = fe.useThemeStore((d) => d.theme.mode) === "dark", u = T(
+    t,
+    r,
+    i != null && i.length ? i : null
+  ), l = u && u.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: gt.slotStack, children: u.map((d, _) => /* @__PURE__ */ a.jsx(A, { children: d }, `box-${o}-${_}`)) }) : null;
+  return /* @__PURE__ */ a.jsx(cn, { className: gt.boxNotFront, darkMode: n, children: l });
+}, qr = "_fieldset_1xrth_1", Br = "_fieldsetColumn_1xrth_8", Hr = "_legend_1xrth_14", Kr = "_options_1xrth_20", Ur = "_optionsRow_1xrth_25", Gr = "_optionsColumn_1xrth_36", ee = {
+  fieldset: qr,
+  fieldsetColumn: Br,
+  legend: Hr,
+  options: Kr,
+  optionsRow: Ur,
+  optionsColumn: Gr
+}, Mr = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     responseKey: s,
     label: o,
     value: c,
     required: i,
-    actionType: r,
+    actionType: n,
     dependencies: u,
     direction: l,
     items: d
-  } = e, _ = l === "column" ? "column" : "row", { getNextUI: h } = K(), { disabled: f } = I(
+  } = e, _ = l === "column" ? "column" : "row", { getNextUI: h } = K(), { disabled: f } = L(
     t,
     u
   ), x = v(
     (b) => {
-      var w, g;
-      return (g = (w = b[t]) == null ? void 0 : w.entries) == null ? void 0 : g[s];
+      var w, p;
+      return (p = (w = b[t]) == null ? void 0 : w.entries) == null ? void 0 : p[s];
     }
-  ), m = x != null ? String(x) : c ?? "", y = f, p = k(() => o ? i ? `${o} *` : o : null, [o, i]), j = D(
+  ), m = x != null ? String(x) : c ?? "", y = f, g = S(() => o ? i ? `${o} *` : o : null, [o, i]), j = R(
     async (b) => {
       var w;
       if (!y)
         try {
-          const g = {
+          const p = {
             ...(w = v.getState()[t]) == null ? void 0 : w.entries,
             [s]: b
           };
-          if (B(t, g), r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
+          if (B(t, p), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
             const E = await h(
               t,
-              n,
-              g,
+              r,
+              p,
               s,
-              r === "GO_TO_NEXT_UI"
+              n === "GO_TO_NEXT_UI"
             );
             E != null && E.data && H(t, E == null ? void 0 : E.data);
           }
-        } catch (g) {
-          alert(JSON.stringify(g));
+        } catch (p) {
+          alert(JSON.stringify(p));
         }
     },
     [
-      r,
+      n,
       h,
       y,
-      n,
+      r,
       s,
       t
     ]
@@ -1019,18 +1021,18 @@ const te = /* @__PURE__ */ rr(Dr), $r = "_fieldset_1xrth_1", Ir = "_fieldsetColu
   return /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
-      className: te(
-        P.fieldset,
-        _ === "column" && P.fieldsetColumn
+      className: J(
+        ee.fieldset,
+        _ === "column" && ee.fieldsetColumn
       ),
       children: [
-        p ? /* @__PURE__ */ a.jsx("legend", { className: P.legend, children: p }) : null,
+        g ? /* @__PURE__ */ a.jsx("legend", { className: ee.legend, children: g }) : null,
         /* @__PURE__ */ a.jsx(
           "div",
           {
-            className: te(
-              P.options,
-              _ === "column" ? P.optionsColumn : P.optionsRow
+            className: J(
+              ee.options,
+              _ === "column" ? ee.optionsColumn : ee.optionsRow
             ),
             children: d.map((b) => /* @__PURE__ */ a.jsx(
               ln,
@@ -1051,31 +1053,31 @@ const te = /* @__PURE__ */ rr(Dr), $r = "_fieldset_1xrth_1", Ir = "_fieldsetColu
       ]
     }
   );
-}, Gr = ({
+}, zr = ({
   userFlow: e,
   pageId: t,
-  component: n,
+  component: r,
   hash: s,
   responseKey: o,
   items: c,
   itemActive: i,
-  darkMode: r
-}) => /* @__PURE__ */ a.jsx(dn, { items: c, itemActive: i, darkMode: r }), Ur = ({
+  darkMode: n
+}) => /* @__PURE__ */ a.jsx(dn, { items: c, itemActive: i, darkMode: n }), Vr = ({
   userFlow: e,
   pageId: t,
-  component: n,
+  component: r,
   hash: s,
   responseKey: o,
   total: c,
   done: i,
-  inProgress: r
-}) => /* @__PURE__ */ a.jsx(un, { total: c, done: i, inProgress: r }), Ht = (e, t) => {
-  const { getNextUI: n } = K();
-  return D(
+  inProgress: n
+}) => /* @__PURE__ */ a.jsx(un, { total: c, done: i, inProgress: n }), Je = (e, t) => {
+  const { getNextUI: r } = K();
+  return R(
     async ({ hashCode: s, responseKey: o }) => {
       var c;
       try {
-        const i = await n(
+        const i = await r(
           e,
           s,
           { ...(c = v.getState()[e]) == null ? void 0 : c.entries },
@@ -1086,25 +1088,25 @@ const te = /* @__PURE__ */ rr(Dr), $r = "_fieldset_1xrth_1", Ir = "_fieldsetColu
         alert(JSON.stringify(i));
       }
     },
-    [t, n, e]
+    [t, r, e]
   );
-}, Mr = ({
+}, Xr = ({
   userFlow: e,
   items: t,
-  responseKey: n
+  responseKey: r
 }) => {
-  const s = Ht(
+  const s = Je(
     e,
-    n
-  ), o = k(
+    r
+  ), o = S(
     () => t.map((c, i) => i === t.length - 1 ? { title: c.title } : c.actionType === "REDIRECT" ? { title: c.title, path: c.redirectUrl } : c.actionType === "GO_TO_NEXT_UI" ? {
       title: c.title,
       path: "#",
       component: /* @__PURE__ */ a.jsx(
         "a",
         {
-          onClick: (r) => {
-            r.preventDefault(), s(c);
+          onClick: (n) => {
+            n.preventDefault(), s(c);
           }
         }
       )
@@ -1114,20 +1116,20 @@ const te = /* @__PURE__ */ rr(Dr), $r = "_fieldset_1xrth_1", Ir = "_fieldsetColu
   return /* @__PURE__ */ a.jsx(_n, { items: o });
 };
 function oe(e, t) {
-  const { getNextUI: n, fetchDataSource: s, fetchAndGetNextUI: o, runGetDataSource: c } = K();
-  return D(
+  const { getNextUI: r, fetchDataSource: s, fetchAndGetNextUI: o, runGetDataSource: c } = K();
+  return R(
     async (i) => {
       var f, x;
-      const { responseKey: r, actionType: u, dataSource: l, redirectUrl: d, dependencies: _ } = i, h = (f = v.getState()[e]) == null ? void 0 : f.entries;
-      if (!It(h, _))
+      const { responseKey: n, actionType: u, dataSource: l, redirectUrl: d, dependencies: _ } = i, h = (f = v.getState()[e]) == null ? void 0 : f.entries;
+      if (!qt(h, _))
         try {
           const m = {
             ...(x = v.getState()[e]) == null ? void 0 : x.entries,
-            [r]: { status: 200 }
+            [n]: { status: 200 }
           };
           switch (B(e, m), u) {
             case "CLOSE_MODAL":
-              ze(e, !1);
+              Xe(e, !1);
               break;
             case "CLOSE_DRAWER":
               _e(e, !1);
@@ -1136,11 +1138,11 @@ function oe(e, t) {
               _e(e, !0);
               break;
             case "GO_TO_NEXT_UI": {
-              const y = await n(
+              const y = await r(
                 e,
                 t,
                 m,
-                r
+                n
               );
               y != null && y.data && H(e, y == null ? void 0 : y.data);
               break;
@@ -1150,7 +1152,7 @@ function oe(e, t) {
                 e,
                 t,
                 m,
-                r,
+                n,
                 l
               );
               y != null && y.data && H(e, y == null ? void 0 : y.data);
@@ -1163,7 +1165,7 @@ function oe(e, t) {
                 !1
               );
               B(e, {
-                [r]: {
+                [n]: {
                   status: y == null ? void 0 : y.status,
                   content: y == null ? void 0 : y.data
                 }
@@ -1174,7 +1176,7 @@ function oe(e, t) {
               await c(
                 e,
                 t,
-                r,
+                n,
                 m
               );
               break;
@@ -1192,53 +1194,53 @@ function oe(e, t) {
     [
       o,
       s,
-      n,
+      r,
       t,
       c,
       e
     ]
   );
 }
-const Vr = (e) => {
+const Wr = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     responseKey: s,
     actionType: o,
     label: c,
     content: i,
-    dataSource: r,
+    dataSource: n,
     redirectUrl: u,
     dependencies: l,
     onClick: d,
     ..._
-  } = e, h = oe(t, n), { disabled: f } = I(
+  } = e, h = oe(t, r), { disabled: f } = L(
     t,
     l
   ), x = {
     ..._,
     children: i ?? c
-  }, m = (x == null ? void 0 : x.disabled) ?? f, [y, p] = O(!1), j = he(!1), b = D(async () => {
+  }, m = (x == null ? void 0 : x.disabled) ?? f, [y, g] = O(!1), j = he(!1), b = R(async () => {
     if (j.current)
       return;
     const w = o === "FETCH_DATA_SOURCE";
-    w && (j.current = !0, p(!0));
+    w && (j.current = !0, g(!0));
     try {
       await h({
         responseKey: s,
         actionType: o,
-        dataSource: r,
+        dataSource: n,
         redirectUrl: u,
         dependencies: l
       });
-    } catch (g) {
-      console.error("[ButtonNotFront] Action failed:", g);
+    } catch (p) {
+      console.error("[ButtonNotFront] Action failed:", p);
     } finally {
-      w && (j.current = !1, p(!1));
+      w && (j.current = !1, g(!1));
     }
   }, [
     o,
-    r,
+    n,
     l,
     u,
     s,
@@ -1253,31 +1255,31 @@ const Vr = (e) => {
       onClick: () => !m && !y && (d ?? b)()
     }
   );
-}, zr = "_slotStack_12u4t_5", Be = {
-  slotStack: zr
-}, Xr = (e) => {
+}, Jr = "_slotStack_12u4t_5", He = {
+  slotStack: Jr
+}, Yr = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     component: s,
     hash: o,
     responseKey: c,
     dependencies: i,
-    content: r,
+    content: n,
     actionContent: u,
     ...l
-  } = e, { disabled: d } = I(
+  } = e, { disabled: d } = L(
     t,
     i
   ), _ = T(
     t,
-    n,
-    r && r.length > 0 ? r : null
+    r,
+    n && n.length > 0 ? n : null
   ), h = T(
     t,
-    n,
+    r,
     u && u.length > 0 ? u : null
-  ), f = _ && _.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: Be.slotStack, children: _.map((y, p) => /* @__PURE__ */ a.jsx(A, { children: y }, `card-accordion-body-${o}-${p}`)) }) : void 0, x = h && h.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: Be.slotStack, children: h.map((y, p) => /* @__PURE__ */ a.jsx(A, { children: y }, `card-accordion-actions-${o}-${p}`)) }) : void 0, m = l.disabled || d;
+  ), f = _ && _.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: He.slotStack, children: _.map((y, g) => /* @__PURE__ */ a.jsx(A, { children: y }, `card-accordion-body-${o}-${g}`)) }) : void 0, x = h && h.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: He.slotStack, children: h.map((y, g) => /* @__PURE__ */ a.jsx(A, { children: y }, `card-accordion-actions-${o}-${g}`)) }) : void 0, m = l.disabled || d;
   return /* @__PURE__ */ a.jsx(
     fn,
     {
@@ -1287,31 +1289,31 @@ const Vr = (e) => {
       children: f ?? null
     }
   );
-}, Wr = "_cardNotFront_2xt48_1", Jr = "_slotStack_2xt48_5", mt = {
-  cardNotFront: Wr,
-  slotStack: Jr
-}, Yr = (e) => {
+}, Qr = "_cardNotFront_2xt48_1", Zr = "_slotStack_2xt48_5", pt = {
+  cardNotFront: Qr,
+  slotStack: Zr
+}, Fr = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     component: s,
     hash: o,
     responseKey: c,
     content: i,
-    colorId: r,
+    colorId: n,
     disabled: u,
     actionType: l,
     dataSource: d,
     redirectUrl: _,
     dependencies: h
-  } = e, { getNextUI: f, fetchDataSource: x, fetchAndGetNextUI: m, runGetDataSource: y } = K(), { disabled: p } = I(
+  } = e, { getNextUI: f, fetchDataSource: x, fetchAndGetNextUI: m, runGetDataSource: y } = K(), { disabled: g } = L(
     t,
     h
-  ), j = u ?? p, b = T(
+  ), j = u ?? g, b = T(
     t,
-    n,
+    r,
     i && i.length > 0 ? i : null
-  ), w = b && b.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: mt.slotStack, children: b.map((C, N) => /* @__PURE__ */ a.jsx(A, { children: C }, `card-body-${o}-${N}`)) }) : null, g = D(async () => {
+  ), w = b && b.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: pt.slotStack, children: b.map((C, N) => /* @__PURE__ */ a.jsx(A, { children: C }, `card-body-${o}-${N}`)) }) : null, p = R(async () => {
     var C;
     if (!(!l || j))
       try {
@@ -1321,7 +1323,7 @@ const Vr = (e) => {
         };
         switch (B(t, N), l) {
           case "CLOSE_MODAL":
-            ze(t, !1);
+            Xe(t, !1);
             break;
           case "CLOSE_DRAWER":
             _e(t, !1);
@@ -1331,20 +1333,20 @@ const Vr = (e) => {
             break;
           case "GO_TO_NEXT_UI":
           case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-            const L = await f(
+            const I = await f(
               t,
-              n,
+              r,
               N,
               c,
               l === "GO_TO_NEXT_UI"
             );
-            L != null && L.data && H(t, L == null ? void 0 : L.data);
+            I != null && I.data && H(t, I == null ? void 0 : I.data);
             break;
           }
           case "FETCH_AND_GO_TO_NEXT_UI": {
             const E = await m(
               t,
-              n,
+              r,
               N,
               c,
               d
@@ -1355,7 +1357,7 @@ const Vr = (e) => {
           case "GET_DATA_SOURCE": {
             await y(
               t,
-              n,
+              r,
               c,
               N
             );
@@ -1377,7 +1379,7 @@ const Vr = (e) => {
     m,
     x,
     f,
-    n,
+    r,
     _,
     c,
     y,
@@ -1386,37 +1388,37 @@ const Vr = (e) => {
   return /* @__PURE__ */ a.jsx(
     xn,
     {
-      className: mt.cardNotFront,
-      colorId: r,
+      className: pt.cardNotFront,
+      colorId: n,
       disabled: j,
-      onClick: l && !j ? () => void g() : void 0,
+      onClick: l && !j ? () => void p() : void 0,
       children: w
     }
   );
-}, Qr = (e) => {
+}, Pr = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     component: s,
     hash: o,
     responseKey: c,
     content: i,
-    description: r,
+    description: n,
     ...u
   } = e, l = Array.isArray(i), d = T(
     t,
-    n,
+    r,
     l && i.length > 0 ? i : null
   );
   let _;
-  return d && d.length > 0 ? _ = /* @__PURE__ */ a.jsxs("div", { className: Be.slotStack, children: [
-    r ? /* @__PURE__ */ a.jsx(vt, { type: "sm", children: r }) : null,
+  return d && d.length > 0 ? _ = /* @__PURE__ */ a.jsxs("div", { className: He.slotStack, children: [
+    n ? /* @__PURE__ */ a.jsx(Tt, { type: "sm", children: n }) : null,
     d.map((h, f) => /* @__PURE__ */ a.jsx(A, { children: h }, `card-notification-body-${o}-${f}`))
-  ] }) : _ = (typeof i == "string" ? i : void 0) ?? r, /* @__PURE__ */ a.jsx(je, { ...u, children: _ });
-}, $e = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, Zr = (e, t) => {
+  ] }) : _ = (typeof i == "string" ? i : void 0) ?? n, /* @__PURE__ */ a.jsx(je, { ...u, children: _ });
+}, $e = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, es = (e, t) => {
   if (!t || e == null)
     return null;
-  const { extractionJsonPath: n, injectionJsonPath: s } = t, o = q.value(e, n);
+  const { extractionJsonPath: r, injectionJsonPath: s } = t, o = q.value(e, r);
   if (o == null)
     return null;
   try {
@@ -1429,17 +1431,17 @@ const Vr = (e) => {
       c
     ), null;
   }
-}, Kt = (e, t, n, s) => {
+}, Ut = (e, t, r, s) => {
   const o = q.query(e, t), c = o == null ? void 0 : o.map((d) => {
     var _, h;
-    if (n) {
+    if (r) {
       const f = {};
-      for (const [x, m] of Object.entries(n))
+      for (const [x, m] of Object.entries(r))
         if (typeof m == "object" && "path" in m) {
-          const y = m, p = (_ = q.query(d, y.path)) == null ? void 0 : _[0];
-          y.translations && String(p) in y.translations ? f[x] = $e(
-            y.translations[String(p)]
-          ) : f[x] = $e(p);
+          const y = m, g = (_ = q.query(d, y.path)) == null ? void 0 : _[0];
+          y.translations && String(g) in y.translations ? f[x] = $e(
+            y.translations[String(g)]
+          ) : f[x] = $e(g);
         } else {
           const y = m;
           f[x] = $e((h = q.query(d, y)) == null ? void 0 : h[0]);
@@ -1447,43 +1449,43 @@ const Vr = (e) => {
       return f;
     } else
       return d;
-  }), i = q.value(e, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? o.length, r = q.value(e, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, u = s != null && s.hasMore ? !!q.value(e, s.hasMore) : void 0, l = {
+  }), i = q.value(e, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? o.length, n = q.value(e, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, u = s != null && s.hasMore ? !!q.value(e, s.hasMore) : void 0, l = {
     size: i,
-    total: r,
+    total: n,
     totalPages: s != null && s.totalPages ? q.value(
       e,
       (s == null ? void 0 : s.totalPages) ?? "$.meta.totalPages"
-    ) : i > 0 ? Math.ceil(r / i) : 0,
+    ) : i > 0 ? Math.ceil(n / i) : 0,
     ...u !== void 0 ? { hasMore: u } : {}
   };
   return { items: c, pagination: l };
 }, ae = ({
   width: e,
   height: t,
-  layout: n,
+  layout: r,
   data: s,
   Chart: o,
   children: c
 }) => {
-  const i = t ?? ne, r = n ? { layout: n } : {};
-  return e ? /* @__PURE__ */ a.jsx(o, { width: e, height: i, data: s, ...r, children: c }) : /* @__PURE__ */ a.jsx(Ke, { width: "100%", height: i, children: /* @__PURE__ */ a.jsx(o, { data: s, ...r, children: c }) });
-}, z = ({ withPadding: e = !1 }) => {
-  const t = (n) => /* @__PURE__ */ a.jsx("span", { style: { color: S.labelColor }, children: n });
+  const i = t ?? ne, n = r ? { layout: r } : {};
+  return e ? /* @__PURE__ */ a.jsx(o, { width: e, height: i, data: s, ...n, children: c }) : /* @__PURE__ */ a.jsx(Ue, { width: "100%", height: i, children: /* @__PURE__ */ a.jsx(o, { data: s, ...n, children: c }) });
+}, V = ({ withPadding: e = !1 }) => {
+  const t = (r) => /* @__PURE__ */ a.jsx("span", { style: { color: k.labelColor }, children: r });
   return /* @__PURE__ */ a.jsx(
-    Bn,
+    Kn,
     {
       formatter: t,
       wrapperStyle: {
-        fontSize: S.fontSize,
-        fontFamily: S.fontFamily,
+        fontSize: k.fontSize,
+        fontFamily: k.fontFamily,
         padding: e ? "1rem 0" : "0"
       }
     }
   );
-}, Fr = ({
+}, ts = ({
   active: e,
   payload: t,
-  label: n,
+  label: r,
   tooltipKey: s,
   tooltipCoverage: o
 }) => {
@@ -1491,9 +1493,9 @@ const Vr = (e) => {
   if (!e || !t || !t.length)
     return null;
   const c = {
-    backgroundColor: S.tooltipBg,
-    borderRadius: S.tooltipBorderRadius,
-    color: S.tooltipColor,
+    backgroundColor: k.tooltipBg,
+    borderRadius: k.tooltipBorderRadius,
+    color: k.tooltipColor,
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
@@ -1502,26 +1504,26 @@ const Vr = (e) => {
     if (h && h[s] !== void 0 && h[s] !== null)
       return /* @__PURE__ */ a.jsx("div", { style: c, children: /* @__PURE__ */ a.jsx("p", { style: { margin: 0 }, children: h[s] }) });
   }
-  const i = (_ = t[0]) == null ? void 0 : _.payload, r = (o == null ? void 0 : o.label) ?? "Cobertura", u = o ? i == null ? void 0 : i[o.denominatorKey] : void 0, l = o && u !== void 0 && u !== null && u > 0;
+  const i = (_ = t[0]) == null ? void 0 : _.payload, n = (o == null ? void 0 : o.label) ?? "Cobertura", u = o ? i == null ? void 0 : i[o.denominatorKey] : void 0, l = o && u !== void 0 && u !== null && u > 0;
   return /* @__PURE__ */ a.jsxs("div", { style: c, children: [
-    /* @__PURE__ */ a.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: n }),
+    /* @__PURE__ */ a.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: r }),
     t.map((h, f) => /* @__PURE__ */ a.jsx("p", { style: { margin: "2px 0", color: h.color }, children: `${h.name}: ${h.value}` }, f)),
-    l && /* @__PURE__ */ a.jsx("p", { style: { margin: "2px 0" }, children: `${r}: ${Math.round(
+    l && /* @__PURE__ */ a.jsx("p", { style: { margin: "2px 0" }, children: `${n}: ${Math.round(
       i[o.numeratorKey] / u * 100
     )}%` })
   ] });
 }, X = ({
   tooltipKey: e,
   tooltipCoverage: t,
-  defaultIndex: n,
+  defaultIndex: r,
   hideContent: s = !1
 } = {}) => /* @__PURE__ */ a.jsx(
-  Hn,
+  Un,
   {
-    defaultIndex: n,
+    defaultIndex: r,
     cursor: s ? !1 : void 0,
     content: s ? () => null : (o) => /* @__PURE__ */ a.jsx(
-      Fr,
+      ts,
       {
         ...o,
         tooltipKey: e,
@@ -1529,98 +1531,98 @@ const Vr = (e) => {
       }
     )
   }
-), ce = ({ dataKey: e, hide: t = !1, type: n }) => /* @__PURE__ */ a.jsx(
-  Kn,
+), ce = ({ dataKey: e, hide: t = !1, type: r }) => /* @__PURE__ */ a.jsx(
+  Gn,
   {
     ...e ? { dataKey: e } : {},
-    ...n ? { type: n } : {},
+    ...r ? { type: r } : {},
     hide: t,
     tick: {
-      fill: S.labelColor,
-      fontSize: S.fontSize
+      fill: k.labelColor,
+      fontSize: k.fontSize
     }
   }
-), J = ({
+), Y = ({
   type: e,
   dataKey: t,
-  width: n,
+  width: r,
   yAxisId: s,
   orientation: o
 } = {}) => /* @__PURE__ */ a.jsx(
-  Gn,
+  Mn,
   {
     ...e ? { type: e } : {},
     ...t ? { dataKey: t } : {},
-    ...n !== void 0 ? { width: n } : {},
+    ...r !== void 0 ? { width: r } : {},
     ...s ? { yAxisId: s } : {},
     ...o ? { orientation: o } : {},
     tick: {
-      fill: S.labelColor,
-      fontSize: S.fontSize
+      fill: k.labelColor,
+      fontSize: k.fontSize
     },
     tickMargin: 4
   }
-), Pr = (e) => {
-  const { data: t, xKey: n, yKeys: s, tooltipKey: o, width: c } = e;
-  return /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: Un, children: [
+), ns = (e) => {
+  const { data: t, xKey: r, yKeys: s, tooltipKey: o, width: c } = e;
+  return /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: zn, children: [
     /* @__PURE__ */ a.jsx(re, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ a.jsx(ce, { dataKey: n }),
-    /* @__PURE__ */ a.jsx(J, {}),
+    /* @__PURE__ */ a.jsx(ce, { dataKey: r }),
+    /* @__PURE__ */ a.jsx(Y, {}),
     /* @__PURE__ */ a.jsx(X, { tooltipKey: o }),
-    /* @__PURE__ */ a.jsx(z, {}),
-    s.map((i, r) => /* @__PURE__ */ a.jsx(
-      St,
+    /* @__PURE__ */ a.jsx(V, {}),
+    s.map((i, n) => /* @__PURE__ */ a.jsx(
+      Ot,
       {
         type: "monotone",
         dataKey: i,
-        stroke: R[r % R.length],
-        fill: R[r % R.length]
+        stroke: D[n % D.length],
+        fill: D[n % D.length]
       },
       i
     ))
   ] });
-}, es = (e) => {
-  const { data: t, yKeys: n, xKey: s, tooltipKey: o, width: c } = e;
+}, rs = (e) => {
+  const { data: t, yKeys: r, xKey: s, tooltipKey: o, width: c } = e;
   return /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: Ge, children: [
     /* @__PURE__ */ a.jsx(re, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ a.jsx(ce, { dataKey: s }),
-    /* @__PURE__ */ a.jsx(J, {}),
+    /* @__PURE__ */ a.jsx(Y, {}),
     /* @__PURE__ */ a.jsx(X, { tooltipKey: o }),
-    /* @__PURE__ */ a.jsx(z, {}),
-    n.map((i, r) => /* @__PURE__ */ a.jsx(
-      Ne,
+    /* @__PURE__ */ a.jsx(V, {}),
+    r.map((i, n) => /* @__PURE__ */ a.jsx(
+      we,
       {
         dataKey: i,
-        fill: R[r % R.length]
+        fill: D[n % D.length]
       },
       i
     ))
   ] });
 };
 var Gt = { NODE_ENV: "production" };
-const ts = (e, t) => {
+const ss = (e, t) => {
   if (t != null && t.length)
     return t;
-  const n = [
+  const r = [
     ...new Set(e.map((s) => s.yAxisId).filter((s) => !!s))
   ];
-  return n.length === 0 ? [] : n.map((s, o) => ({
+  return r.length === 0 ? [] : r.map((s, o) => ({
     id: s,
     orientation: o === 1 ? "right" : "left"
   }));
-}, ns = (e, t) => {
+}, os = (e, t) => {
   !e.type && Gt.NODE_ENV;
-  const n = e.color ?? R[t % R.length], s = e.label ?? e.key, o = e.yAxisId ? { yAxisId: e.yAxisId } : {};
+  const r = e.color ?? D[t % D.length], s = e.label ?? e.key, o = e.yAxisId ? { yAxisId: e.yAxisId } : {};
   switch (e.type) {
     case "area":
       return /* @__PURE__ */ a.jsx(
-        St,
+        Ot,
         {
           dataKey: e.key,
           name: s,
           type: "monotone",
-          fill: n,
-          stroke: n,
+          fill: r,
+          stroke: r,
           fillOpacity: 0.3,
           ...o
         },
@@ -1628,12 +1630,12 @@ const ts = (e, t) => {
       );
     case "line":
       return /* @__PURE__ */ a.jsx(
-        kt,
+        Rt,
         {
           dataKey: e.key,
           name: s,
           type: "monotone",
-          stroke: n,
+          stroke: r,
           strokeWidth: 2,
           dot: !1,
           ...o
@@ -1642,11 +1644,11 @@ const ts = (e, t) => {
       );
     case "bar":
       return /* @__PURE__ */ a.jsx(
-        Ne,
+        we,
         {
           dataKey: e.key,
           name: s,
-          fill: n,
+          fill: r,
           stackId: e.stackId,
           barSize: e.barSize,
           ...o
@@ -1656,47 +1658,47 @@ const ts = (e, t) => {
     default:
       return null;
   }
-}, rs = (e) => {
+}, as = (e) => {
   const {
     data: t,
-    xKey: n,
+    xKey: r,
     series: s = [],
     tooltipKey: o,
     width: c,
     showLegend: i = !0,
-    yAxes: r
+    yAxes: n
   } = e;
   !s.length && Gt.NODE_ENV;
-  const u = ts(s, r);
-  return /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: Mn, children: [
+  const u = ss(s, n);
+  return /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: Vn, children: [
     /* @__PURE__ */ a.jsx(re, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ a.jsx(ce, { dataKey: n }),
+    /* @__PURE__ */ a.jsx(ce, { dataKey: r }),
     u.length > 0 ? u.map((l) => /* @__PURE__ */ a.jsx(
-      J,
+      Y,
       {
         yAxisId: l.id,
         orientation: l.orientation
       },
       l.id
-    )) : /* @__PURE__ */ a.jsx(J, {}),
+    )) : /* @__PURE__ */ a.jsx(Y, {}),
     /* @__PURE__ */ a.jsx(X, { tooltipKey: o }),
-    i && /* @__PURE__ */ a.jsx(z, {}),
-    s.map((l, d) => ns(l, d))
+    i && /* @__PURE__ */ a.jsx(V, {}),
+    s.map((l, d) => os(l, d))
   ] });
-}, ss = "55%", os = 120, as = (e) => (t) => {
-  const n = Math.PI / 180, {
+}, cs = "55%", is = 120, ls = (e) => (t) => {
+  const r = Math.PI / 180, {
     cx: s = 0,
     cy: o = 0,
     midAngle: c = 0,
     innerRadius: i = 0,
-    outerRadius: r = 0,
+    outerRadius: n = 0,
     startAngle: u = 0,
     endAngle: l = 0,
-    fill: d = R[0],
+    fill: d = D[0],
     payload: _,
     percent: h = 0,
     value: f = 0
-  } = t, x = Math.sin(-n * c), m = Math.cos(-n * c), y = s + (r + 10) * m, p = o + (r + 10) * x, j = s + (r + 30) * m, b = o + (r + 30) * x, w = j + (m >= 0 ? 1 : -1) * 22, g = b, C = m >= 0 ? "start" : "end", N = _, E = String((N == null ? void 0 : N[e]) ?? "");
+  } = t, x = Math.sin(-r * c), m = Math.cos(-r * c), y = s + (n + 10) * m, g = o + (n + 10) * x, j = s + (n + 30) * m, b = o + (n + 30) * x, w = j + (m >= 0 ? 1 : -1) * 22, p = b, C = m >= 0 ? "start" : "end", N = _, E = String((N == null ? void 0 : N[e]) ?? "");
   return /* @__PURE__ */ a.jsxs("g", { children: [
     /* @__PURE__ */ a.jsx(
       "text",
@@ -1705,54 +1707,54 @@ const ts = (e, t) => {
         y: o,
         dy: 8,
         textAnchor: "middle",
-        fill: S.labelColor,
-        fontSize: S.fontSize + 2,
-        fontFamily: S.fontFamily,
+        fill: k.labelColor,
+        fontSize: k.fontSize + 2,
+        fontFamily: k.fontFamily,
         children: E
       }
     ),
     /* @__PURE__ */ a.jsx(
-      ot,
+      it,
       {
         cx: s,
         cy: o,
         innerRadius: i,
-        outerRadius: r,
+        outerRadius: n,
         startAngle: u,
         endAngle: l,
         fill: d
       }
     ),
     /* @__PURE__ */ a.jsx(
-      ot,
+      it,
       {
         cx: s,
         cy: o,
         startAngle: u,
         endAngle: l,
-        innerRadius: r + 6,
-        outerRadius: r + 10,
+        innerRadius: n + 6,
+        outerRadius: n + 10,
         fill: d
       }
     ),
     /* @__PURE__ */ a.jsx(
       "path",
       {
-        d: `M${y},${p}L${j},${b}L${w},${g}`,
+        d: `M${y},${g}L${j},${b}L${w},${p}`,
         stroke: d,
         fill: "none"
       }
     ),
-    /* @__PURE__ */ a.jsx("circle", { cx: w, cy: g, r: 2, fill: d, stroke: "none" }),
+    /* @__PURE__ */ a.jsx("circle", { cx: w, cy: p, r: 2, fill: d, stroke: "none" }),
     /* @__PURE__ */ a.jsx(
       "text",
       {
         x: w + (m >= 0 ? 1 : -1) * 12,
-        y: g,
+        y: p,
         textAnchor: C,
-        fill: S.labelColor,
-        fontSize: S.fontSize + 2,
-        fontFamily: S.fontFamily,
+        fill: k.labelColor,
+        fontSize: k.fontSize + 2,
+        fontFamily: k.fontFamily,
         children: f
       }
     ),
@@ -1760,53 +1762,53 @@ const ts = (e, t) => {
       "text",
       {
         x: w + (m >= 0 ? 1 : -1) * 12,
-        y: g,
+        y: p,
         dy: 18,
         textAnchor: C,
-        fill: S.labelColorMuted,
-        fontSize: S.fontSize,
-        fontFamily: S.fontFamily,
+        fill: k.labelColorMuted,
+        fontSize: k.fontSize,
+        fontFamily: k.fontFamily,
         children: `(${(h * 100).toFixed(0)}%)`
       }
     )
   ] });
-}, cs = (e) => {
+}, ds = (e) => {
   const {
     data: t,
-    xKey: n,
+    xKey: r,
     yKeys: s,
     tooltipKey: o,
-    innerRadius: c = ss,
-    outerRadius: i = os,
-    activeShape: r = !0,
+    innerRadius: c = cs,
+    outerRadius: i = is,
+    activeShape: n = !0,
     defaultIndex: u,
     showLegend: l = !0
   } = e, d = s[0];
-  return /* @__PURE__ */ a.jsx(Ke, { width: "100%", height: ne, children: /* @__PURE__ */ a.jsxs(Ot, { children: [
+  return /* @__PURE__ */ a.jsx(Ue, { width: "100%", height: ne, children: /* @__PURE__ */ a.jsxs(Dt, { children: [
     /* @__PURE__ */ a.jsx(
       X,
       {
-        tooltipKey: r ? void 0 : o,
+        tooltipKey: n ? void 0 : o,
         defaultIndex: u,
-        hideContent: r
+        hideContent: n
       }
     ),
-    l && /* @__PURE__ */ a.jsx(z, {}),
+    l && /* @__PURE__ */ a.jsx(V, {}),
     /* @__PURE__ */ a.jsx(
-      Rt,
+      It,
       {
         data: t,
         dataKey: d,
-        nameKey: n,
+        nameKey: r,
         cx: "50%",
         cy: "50%",
         innerRadius: c,
         outerRadius: i,
-        activeShape: r ? as(n) : void 0,
+        activeShape: n ? ls(r) : void 0,
         children: t.map((_, h) => /* @__PURE__ */ a.jsx(
-          Dt,
+          $t,
           {
-            fill: R[h % R.length]
+            fill: D[h % D.length]
           },
           `cell-${h}`
         ))
@@ -1814,41 +1816,41 @@ const ts = (e, t) => {
     )
   ] }) });
 };
-function is(e, t, n = Ut) {
-  return e <= 0 ? 0 : t <= 0 ? e : Math.max(e, t * n);
+function us(e, t, r = Mt) {
+  return e <= 0 ? 0 : t <= 0 ? e : Math.max(e, t * r);
 }
-function ls(e, t = ys, n) {
-  return n !== void 0 ? n : e <= 0 ? ne : Math.max(ne, e * t);
+function _s(e, t = ps, r) {
+  return r !== void 0 ? r : e <= 0 ? ne : Math.max(ne, e * t);
 }
-function ds(e, t, n) {
-  if (n !== void 0)
-    return n;
+function hs(e, t, r) {
+  if (r !== void 0)
+    return r;
   const s = e.reduce((o, c) => {
     const i = String(c[t] ?? "");
     return Math.max(o, i.length);
   }, 0);
   return Math.max(
-    ms,
-    s * gs
+    bs,
+    s * js
   );
 }
-const us = (e) => {
+const fs = (e) => {
   const {
     data: t,
-    yKeys: n,
+    yKeys: r,
     xKey: s,
     tooltipKey: o,
     minCategoryHeight: c,
     chartHeight: i,
-    tooltipCoverage: r,
+    tooltipCoverage: n,
     showLegend: u = !0,
     yKeyLabels: l,
     yAxisWidth: d
-  } = e, _ = ls(
+  } = e, _ = _s(
     t.length,
     c,
     i
-  ), h = ds(t, s, d);
+  ), h = hs(t, s, d);
   return /* @__PURE__ */ a.jsxs(
     ae,
     {
@@ -1859,35 +1861,35 @@ const us = (e) => {
       children: [
         /* @__PURE__ */ a.jsx(re, { strokeDasharray: "3 3", horizontal: !1 }),
         /* @__PURE__ */ a.jsx(ce, { type: "number" }),
-        /* @__PURE__ */ a.jsx(J, { type: "category", dataKey: s, width: h }),
-        /* @__PURE__ */ a.jsx(X, { tooltipKey: o, tooltipCoverage: r }),
-        u && /* @__PURE__ */ a.jsx(z, {}),
-        n.map((f, x) => /* @__PURE__ */ a.jsx(
-          Ne,
+        /* @__PURE__ */ a.jsx(Y, { type: "category", dataKey: s, width: h }),
+        /* @__PURE__ */ a.jsx(X, { tooltipKey: o, tooltipCoverage: n }),
+        u && /* @__PURE__ */ a.jsx(V, {}),
+        r.map((f, x) => /* @__PURE__ */ a.jsx(
+          we,
           {
             dataKey: f,
             name: (l == null ? void 0 : l[f]) ?? f,
-            fill: R[x % R.length]
+            fill: D[x % D.length]
           },
           f
         ))
       ]
     }
   );
-}, _s = (e) => {
-  const { data: t, xKey: n, yKeys: s, tooltipKey: o, width: c } = e;
-  return /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: Vn, children: [
+}, xs = (e) => {
+  const { data: t, xKey: r, yKeys: s, tooltipKey: o, width: c } = e;
+  return /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: Xn, children: [
     /* @__PURE__ */ a.jsx(re, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ a.jsx(ce, { dataKey: n }),
-    /* @__PURE__ */ a.jsx(J, {}),
+    /* @__PURE__ */ a.jsx(ce, { dataKey: r }),
+    /* @__PURE__ */ a.jsx(Y, {}),
     /* @__PURE__ */ a.jsx(X, { tooltipKey: o }),
-    /* @__PURE__ */ a.jsx(z, {}),
-    s.map((i, r) => /* @__PURE__ */ a.jsx(
-      kt,
+    /* @__PURE__ */ a.jsx(V, {}),
+    s.map((i, n) => /* @__PURE__ */ a.jsx(
+      Rt,
       {
         type: "monotone",
         dataKey: i,
-        stroke: R[r % R.length],
+        stroke: D[n % D.length],
         strokeWidth: 2,
         dot: !1
       },
@@ -1895,86 +1897,86 @@ const us = (e) => {
     ))
   ] });
 };
-var hs = { NODE_ENV: "production" };
-const fs = (e) => {
-  const { data: t, xKey: n, series: s = [], tooltipKey: o, width: c } = e;
-  return !s.length && hs.NODE_ENV, /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: Ge, children: [
+var ys = { NODE_ENV: "production" };
+const ms = (e) => {
+  const { data: t, xKey: r, series: s = [], tooltipKey: o, width: c } = e;
+  return !s.length && ys.NODE_ENV, /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: Ge, children: [
     /* @__PURE__ */ a.jsx(re, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ a.jsx(ce, { dataKey: n }),
-    /* @__PURE__ */ a.jsx(J, {}),
+    /* @__PURE__ */ a.jsx(ce, { dataKey: r }),
+    /* @__PURE__ */ a.jsx(Y, {}),
     /* @__PURE__ */ a.jsx(X, { tooltipKey: o }),
-    /* @__PURE__ */ a.jsx(z, {}),
-    s.map((i, r) => /* @__PURE__ */ a.jsx(
-      Ne,
+    /* @__PURE__ */ a.jsx(V, {}),
+    s.map((i, n) => /* @__PURE__ */ a.jsx(
+      we,
       {
         dataKey: i.key,
         name: i.label ?? i.key,
         stackId: i.stackId,
-        fill: i.color ?? R[r % R.length]
+        fill: i.color ?? D[n % D.length]
       },
       i.key
     ))
   ] });
-}, xs = (e) => {
-  const { data: t, xKey: n, yKeys: s, tooltipKey: o } = e, c = ({
+}, gs = (e) => {
+  const { data: t, xKey: r, yKeys: s, tooltipKey: o } = e, c = ({
     cx: i,
-    cy: r,
+    cy: n,
     midAngle: u,
     innerRadius: l,
     outerRadius: d,
     value: _
   }) => {
-    const h = Math.PI / 180, f = 25 + l + (d - l), x = i + f * Math.cos(-(u ?? 0) * h), m = r + f * Math.sin(-(u ?? 0) * h);
+    const h = Math.PI / 180, f = 25 + l + (d - l), x = i + f * Math.cos(-(u ?? 0) * h), m = n + f * Math.sin(-(u ?? 0) * h);
     return /* @__PURE__ */ a.jsx(
       "text",
       {
         x,
         y: m,
-        fill: S.labelColor,
-        color: S.labelColor,
+        fill: k.labelColor,
+        color: k.labelColor,
         textAnchor: "middle",
         dominantBaseline: "central",
         children: _
       }
     );
   };
-  return /* @__PURE__ */ a.jsx(Ke, { width: "100%", height: ne, children: /* @__PURE__ */ a.jsxs(Ot, { children: [
+  return /* @__PURE__ */ a.jsx(Ue, { width: "100%", height: ne, children: /* @__PURE__ */ a.jsxs(Dt, { children: [
     /* @__PURE__ */ a.jsx(X, { tooltipKey: o }),
-    /* @__PURE__ */ a.jsx(z, {}),
+    /* @__PURE__ */ a.jsx(V, {}),
     /* @__PURE__ */ a.jsx(
-      Rt,
+      It,
       {
         data: t,
         dataKey: s[0],
-        nameKey: n,
+        nameKey: r,
         label: c,
         outerRadius: 120,
-        children: t.map((i, r) => /* @__PURE__ */ a.jsx(
-          Dt,
+        children: t.map((i, n) => /* @__PURE__ */ a.jsx(
+          $t,
           {
-            fill: R[r % R.length]
+            fill: D[n % D.length]
           },
-          `cell-${r}`
+          `cell-${n}`
         ))
       }
     )
   ] }) });
-}, ne = 400, Ut = 56, ys = 28, ms = 100, gs = 8, ps = /* @__PURE__ */ new Set([
+}, ne = 400, Mt = 56, ps = 28, bs = 100, js = 8, Cs = /* @__PURE__ */ new Set([
   "bar",
   "line",
   "area",
   "mixBar",
   "composed"
-]), bs = {
-  area: Pr,
-  bar: es,
-  composed: rs,
-  donut: cs,
-  horizontalBar: us,
-  line: _s,
-  mixBar: fs,
-  pie: xs
-}, R = [
+]), Ns = {
+  area: ns,
+  bar: rs,
+  composed: as,
+  donut: ds,
+  horizontalBar: fs,
+  line: xs,
+  mixBar: ms,
+  pie: gs
+}, D = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
   "var(--color-primitive-palette-3-50)",
@@ -1992,7 +1994,7 @@ const fs = (e) => {
   "var(--color-primitive-palette-15-50)",
   "var(--color-primitive-palette-16-50)",
   "var(--color-primitive-palette-17-50)"
-], S = {
+], k = {
   fontFamily: "Roboto, sans-serif",
   fontSize: 12,
   labelColor: "var(--color-neutral-90)",
@@ -2000,16 +2002,16 @@ const fs = (e) => {
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, js = "_chartScrollViewport_sm5hx_1", Cs = "_chartScrollViewport_track_sm5hx_29", gt = {
-  chartScrollViewport: js,
-  chartScrollViewport_track: Cs
-}, ws = "Scrollable chart area", Ns = ({
+}, ws = "_chartScrollViewport_sm5hx_1", vs = "_chartScrollViewport_track_sm5hx_29", bt = {
+  chartScrollViewport: ws,
+  chartScrollViewport_track: vs
+}, Es = "Scrollable chart area", Ts = ({
   dataLength: e,
   minCategoryWidth: t,
-  children: n
+  children: r
 }) => {
-  const s = he(null), [o, c] = O(0), i = t ?? Ut;
-  G(() => {
+  const s = he(null), [o, c] = O(0), i = t ?? Mt;
+  U(() => {
     const d = s.current;
     if (!d)
       return;
@@ -2020,11 +2022,11 @@ const fs = (e) => {
     const h = new ResizeObserver(_);
     return h.observe(d), () => h.disconnect();
   }, []);
-  const r = is(
+  const n = us(
     o,
     e,
     i
-  ), u = o > 0 && r > o, l = D(
+  ), u = o > 0 && n > o, l = R(
     (d) => {
       const _ = s.current;
       if (_)
@@ -2049,72 +2051,72 @@ const fs = (e) => {
     "div",
     {
       ref: s,
-      className: gt.chartScrollViewport,
+      className: bt.chartScrollViewport,
       role: u ? "region" : void 0,
       tabIndex: u ? 0 : void 0,
-      "aria-label": u ? ws : void 0,
+      "aria-label": u ? Es : void 0,
       onKeyDown: u ? l : void 0,
       children: /* @__PURE__ */ a.jsx(
         "div",
         {
-          className: gt.chartScrollViewport_track,
-          style: { width: r, height: ne },
-          children: o > 0 ? n(r) : null
+          className: bt.chartScrollViewport_track,
+          style: { width: n, height: ne },
+          children: o > 0 ? r(n) : null
         }
       )
     }
   );
-}, vs = (e) => {
-  const { component: t, userFlow: n, hash: s, responseKey: o, dataSource: c, ...i } = e, r = bs[i.type], { fetchDataSource: u } = K(), [l, d] = O(!1), [_, h] = O([]), f = async () => {
-    var y, p;
+}, As = (e) => {
+  const { component: t, userFlow: r, hash: s, responseKey: o, dataSource: c, ...i } = e, n = Ns[i.type], { fetchDataSource: u } = K(), [l, d] = O(!1), [_, h] = O([]), f = async () => {
+    var y, g;
     try {
       d(!0);
-      const { jsonPathData: j, mapperData: b } = c, w = Xe(
+      const { jsonPathData: j, mapperData: b } = c, w = We(
         c,
         1
-      ), g = await u(
+      ), p = await u(
         w,
-        n,
+        r,
         !1
-      ), C = j ? (y = Kt(g == null ? void 0 : g.data, j, b)) == null ? void 0 : y.items : (p = g == null ? void 0 : g.data) == null ? void 0 : p.data;
+      ), C = j ? (y = Ut(p == null ? void 0 : p.data, j, b)) == null ? void 0 : y.items : (g = p == null ? void 0 : p.data) == null ? void 0 : g.data;
       h(C), d(!1);
     } catch (j) {
       alert(JSON.stringify(j)), d(!1);
     }
   };
-  if (G(() => {
-    r && (c ? f() : h(i.data));
-  }, []), !r)
+  if (U(() => {
+    n && (c ? f() : h(i.data));
+  }, []), !n)
     return /* @__PURE__ */ a.jsx("div", { children: "Not supported chart type" });
   const x = {
     ...i,
     data: _
   };
-  return l ? /* @__PURE__ */ a.jsx(Et, { height: 400 }) : _.length === 0 ? /* @__PURE__ */ a.jsx(je, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : ps.has(i.type) ? /* @__PURE__ */ a.jsx(
-    Ns,
+  return l ? /* @__PURE__ */ a.jsx(At, { height: 400 }) : _.length === 0 ? /* @__PURE__ */ a.jsx(je, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Cs.has(i.type) ? /* @__PURE__ */ a.jsx(
+    Ts,
     {
       dataLength: _.length,
       minCategoryWidth: i.minCategoryWidth,
-      children: (y) => /* @__PURE__ */ a.jsx(r, { ...x, width: y })
+      children: (y) => /* @__PURE__ */ a.jsx(n, { ...x, width: y })
     }
-  ) : /* @__PURE__ */ a.jsx(r, { ...x });
-}, Es = (e) => {
+  ) : /* @__PURE__ */ a.jsx(n, { ...x });
+}, ks = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     responseKey: s,
     actionType: o,
     label: c,
     value: i,
-    required: r,
+    required: n,
     dependencies: u,
     ...l
   } = e, d = {
     ...l
-  }, { getNextUI: _ } = K(), [h, f] = O(i || !1), { disabled: x } = I(
+  }, { getNextUI: _ } = K(), [h, f] = O(i || !1), { disabled: x } = L(
     t,
     u
-  ), m = k(() => r && c ? `${c} *` : c ?? "", [c, r]), y = D(async () => {
+  ), m = S(() => n && c ? `${c} *` : c ?? "", [c, n]), y = R(async () => {
     var j;
     try {
       const b = !h;
@@ -2128,7 +2130,7 @@ const fs = (e) => {
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
           const C = await _(
             t,
-            n,
+            r,
             w,
             s,
             o === "GO_TO_NEXT_UI"
@@ -2142,78 +2144,78 @@ const fs = (e) => {
     } catch (b) {
       console.error("Error in checkbox action:", b), alert(JSON.stringify(b));
     }
-  }, [t, n, s, o, h]), p = (d == null ? void 0 : d.disabled) ?? x;
+  }, [t, r, s, o, h]), g = (d == null ? void 0 : d.disabled) ?? x;
   return /* @__PURE__ */ a.jsx(
     yn,
     {
       ...d,
       labelRight: m,
       checked: h,
-      disabled: p,
+      disabled: g,
       onChange: () => {
-        !p && y();
+        !g && y();
       }
     }
   );
-}, Ts = "_codeEditor_1wi2p_1", As = "_codeEditor_label_1wi2p_4", Ss = "_codeEditor_wrapper_1wi2p_13", ks = "_input_1wi2p_17", Os = "_preview_1wi2p_18", Rs = "_preview_inner_1wi2p_33", ee = {
-  codeEditor: Ts,
-  codeEditor_label: As,
-  codeEditor_wrapper: Ss,
-  input: ks,
-  preview: Os,
-  preview_inner: Rs
-}, Ds = (e) => {
+}, Ss = "_codeEditor_1wi2p_1", Os = "_codeEditor_label_1wi2p_4", Rs = "_codeEditor_wrapper_1wi2p_13", Ds = "_input_1wi2p_17", Is = "_preview_1wi2p_18", $s = "_preview_inner_1wi2p_33", te = {
+  codeEditor: Ss,
+  codeEditor_label: Os,
+  codeEditor_wrapper: Rs,
+  input: Ds,
+  preview: Is,
+  preview_inner: $s
+}, Ls = (e) => {
   const {
     userFlow: t,
-    responseKey: n,
+    responseKey: r,
     label: s,
     language: o,
     placeholder: c,
     value: i,
-    required: r,
+    required: n,
     dependencies: u,
     disabled: l,
     showPreview: d,
     height: _ = "400px"
-  } = e, [h, f] = O(i ?? ""), x = fe.useThemeStore((w) => w.theme.mode), { disabled: m } = I(
+  } = e, [h, f] = O(i ?? ""), x = fe.useThemeStore((w) => w.theme.mode), { disabled: m } = L(
     t,
     u
-  ), y = l ?? m, p = {
-    json: at(),
-    markdown: Xn(),
-    sql: Wn(),
-    yaml: Jn()
-  }, j = k(() => r && s ? `${s} *` : s ?? "", [s, r]), b = (w) => {
+  ), y = l ?? m, g = {
+    json: lt(),
+    markdown: Jn(),
+    sql: Yn(),
+    yaml: Qn()
+  }, j = S(() => n && s ? `${s} *` : s ?? "", [s, n]), b = (w) => {
     f(w);
-    const g = {
-      [n]: w
+    const p = {
+      [r]: w
     };
-    B(t, g);
+    B(t, p);
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: ee.codeEditor, children: [
-    j && j !== "" && /* @__PURE__ */ a.jsx("label", { className: ee.codeEditor_label, children: j }),
-    /* @__PURE__ */ a.jsxs("div", { className: ee.codeEditor_wrapper, children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: te.codeEditor, children: [
+    j && j !== "" && /* @__PURE__ */ a.jsx("label", { className: te.codeEditor_label, children: j }),
+    /* @__PURE__ */ a.jsxs("div", { className: te.codeEditor_wrapper, children: [
       /* @__PURE__ */ a.jsx(
-        zn,
+        Wn,
         {
-          className: ee.input,
+          className: te.input,
           value: h,
           height: _,
           placeholder: c,
-          extensions: [p[o] ?? at()],
+          extensions: [g[o] ?? lt()],
           onChange: (w) => b(w),
           theme: x,
           editable: !y
         }
       ),
-      o === "markdown" && d && /* @__PURE__ */ a.jsx("div", { className: ee.preview, style: { height: _ }, children: /* @__PURE__ */ a.jsx(Tt, { className: ee.preview_inner, children: h }) })
+      o === "markdown" && d && /* @__PURE__ */ a.jsx("div", { className: te.preview, style: { height: _ }, children: /* @__PURE__ */ a.jsx(kt, { className: te.preview_inner, children: h }) })
     ] })
   ] });
-}, $s = "_slotStack_6n2wy_5", Is = {
-  slotStack: $s
+}, qs = "_slotStack_6n2wy_5", Bs = {
+  slotStack: qs
 };
-var Ls = { NODE_ENV: "production" };
-const qs = /* @__PURE__ */ new Set([
+var Hs = { NODE_ENV: "production" };
+const Ks = /* @__PURE__ */ new Set([
   "accordion",
   "button",
   "cardAccordion",
@@ -2230,21 +2232,21 @@ const qs = /* @__PURE__ */ new Set([
   "tabs",
   "textField",
   "textarea"
-]), He = (e, t) => {
+]), Ke = (e, t) => {
   if (e != null && e.length)
-    return /* @__PURE__ */ a.jsx("div", { className: Is.slotStack, children: e.map((n, s) => {
+    return /* @__PURE__ */ a.jsx("div", { className: Bs.slotStack, children: e.map((r, s) => {
       var o;
-      return /* @__PURE__ */ a.jsx(A, { children: n }, ((o = t == null ? void 0 : t[s]) == null ? void 0 : o.hash) ?? s);
+      return /* @__PURE__ */ a.jsx(A, { children: r }, ((o = t == null ? void 0 : t[s]) == null ? void 0 : o.hash) ?? s);
     }) });
-}, Bs = ({
+}, Us = ({
   userFlow: e,
   pageId: t,
-  component: n,
+  component: r,
   hash: s,
   responseKey: o,
   content: c,
   topContent: i,
-  icon: r,
+  icon: n,
   headerStatusColor: u,
   ...l
 }) => {
@@ -2258,24 +2260,24 @@ const qs = /* @__PURE__ */ new Set([
     i != null && i.length ? i : null
   );
   return /* @__PURE__ */ a.jsx(
-    At,
+    St,
     {
       ...l,
-      icon: r,
+      icon: n,
       headerStatusColor: d,
-      topContent: He(h, i),
-      children: He(_, c)
+      topContent: Ke(h, i),
+      children: Ke(_, c)
     }
   );
-}, Hs = ({
+}, Gs = ({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   actionType: s,
   dataSource: o,
   redirectUrl: c,
   dependencies: i,
-  content: r,
+  content: n,
   icon: u,
   ariaLabel: l,
   description: d,
@@ -2285,100 +2287,155 @@ const qs = /* @__PURE__ */ new Set([
   headerStyle: x,
   showBorder: m,
   borderColor: y,
-  title: p,
+  title: g,
   descriptionTop: j,
   pillLabel: b
 }) => {
   const w = T(
     e,
     t,
-    r != null && r.length ? r : null
-  ), g = oe(e, t), { disabled: C } = I(
+    n != null && n.length ? n : null
+  ), p = oe(e, t), { disabled: C } = L(
     e,
     i
-  ), N = s ? () => void g({
-    responseKey: n,
+  ), N = s ? () => void p({
+    responseKey: r,
     actionType: s,
     dataSource: o,
     redirectUrl: c,
     dependencies: i
   }) : void 0, E = h ?? C;
-  N && (r != null && r.some((W) => qs.has(W.component))) && Ls.NODE_ENV;
-  const L = N ? { onClick: N, disabled: E } : {};
+  N && (n != null && n.some((W) => Ks.has(W.component))) && Hs.NODE_ENV;
+  const I = N ? { onClick: N, disabled: E } : {};
   return /* @__PURE__ */ a.jsx(
-    At,
+    St,
     {
       version: "v2",
       status: f,
       headerStyle: x,
       showBorder: m,
       borderColor: y,
-      title: p,
+      title: g,
       ariaLabel: l,
       descriptionTop: j,
       descriptionBottom: _ ?? d,
       pillLabel: b,
       icon: u,
-      ...L,
-      children: He(w, r)
+      ...I,
+      children: Ke(w, n)
     }
   );
-}, Ks = (e) => e.version === "v2" ? /* @__PURE__ */ a.jsx(Hs, { ...e }) : /* @__PURE__ */ a.jsx(Bs, { ...e }), Gs = "_dividerNotFront_tze3j_1", Us = {
-  dividerNotFront: Gs
-}, Ms = (e) => /* @__PURE__ */ a.jsx(mn, { ...e, className: Us.dividerNotFront }), Vs = "_drawer_13pxo_1", zs = "_drawerBody_13pxo_5", Xs = "_drawerFooter_13pxo_11", Ie = {
-  drawer: Vs,
-  drawerBody: zs,
-  drawerFooter: Xs
-}, Ws = ({
+}, Ms = (e) => e.version === "v2" ? /* @__PURE__ */ a.jsx(Gs, { ...e }) : /* @__PURE__ */ a.jsx(Us, { ...e }), zs = "_dividerNotFront_tze3j_1", Vs = {
+  dividerNotFront: zs
+}, Xs = (e) => /* @__PURE__ */ a.jsx(mn, { ...e, className: Vs.dividerNotFront }), Ws = "_drawer_13pxo_1", Js = "_drawerBody_13pxo_5", Ys = "_drawerFooter_13pxo_11", Le = {
+  drawer: Ws,
+  drawerBody: Js,
+  drawerFooter: Ys
+}, Qs = ({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   header: s,
   body: o,
   footer: c,
   ...i
 }) => {
-  const r = v((y) => {
-    var p;
-    return (p = y[e]) == null ? void 0 : p.isDrawerOpen;
+  const n = v((y) => {
+    var g;
+    return (g = y[e]) == null ? void 0 : g.isDrawerOpen;
   }), u = v((y) => {
-    var p;
-    return (p = y[e]) == null ? void 0 : p.isLoading;
-  }), l = r && !u, d = {
+    var g;
+    return (g = y[e]) == null ? void 0 : g.isLoading;
+  }), l = n && !u, d = {
     ...i,
     isOpen: l,
     children: null
-  }, _ = D(() => {
+  }, _ = R(() => {
     Ve(e), _e(e, !1);
-  }, [e]), h = Array.isArray(s) ? T(e, t, s) : s ? /* @__PURE__ */ a.jsx(Nt, { type: "h2", children: s }) : void 0, f = T(e, t, o), x = c ? T(e, t, c) : void 0;
+  }, [e]), h = Array.isArray(s) ? T(e, t, s) : s ? /* @__PURE__ */ a.jsx(Et, { type: "h2", children: s }) : void 0, f = T(e, t, o), x = c ? T(e, t, c) : void 0;
   return /* @__PURE__ */ a.jsx(
     gn,
     {
       ...d,
-      className: Ie.drawer,
+      className: Le.drawer,
       isOpen: l,
       onClose: _,
       heightGap: 50,
-      title: h ? /* @__PURE__ */ a.jsx(a.Fragment, { children: Array.isArray(h) ? h.map((y, p) => /* @__PURE__ */ a.jsx(A, { children: y }, `drawer-header-${p}`)) : h }) : void 0,
-      children: /* @__PURE__ */ a.jsx("section", { className: Ie.drawerBody, children: f.map((y, p) => /* @__PURE__ */ a.jsx(A, { children: y }, `drawer-body-${p}`)) }),
-      footer: x ? /* @__PURE__ */ a.jsx("div", { className: Ie.drawerFooter, children: x.map((y, p) => /* @__PURE__ */ a.jsx(A, { children: y }, `drawer-footer-${p}`)) }) : void 0
+      title: h ? /* @__PURE__ */ a.jsx(a.Fragment, { children: Array.isArray(h) ? h.map((y, g) => /* @__PURE__ */ a.jsx(A, { children: y }, `drawer-header-${g}`)) : h }) : void 0,
+      children: /* @__PURE__ */ a.jsx("section", { className: Le.drawerBody, children: f.map((y, g) => /* @__PURE__ */ a.jsx(A, { children: y }, `drawer-body-${g}`)) }),
+      footer: x ? /* @__PURE__ */ a.jsx("div", { className: Le.drawerFooter, children: x.map((y, g) => /* @__PURE__ */ a.jsx(A, { children: y }, `drawer-footer-${g}`)) }) : void 0
     }
   );
-}, Js = (e) => {
+}, Ye = (e, t, r) => {
+  const s = v(
+    (c) => {
+      var i, n;
+      return (n = (i = c[e]) == null ? void 0 : i.entries) == null ? void 0 : n[t];
+    }
+  ), o = R(
+    (c) => B(e, { [t]: c }),
+    [e, t]
+  );
+  return [s ?? r, o];
+}, Zs = (e, t) => [e, t].filter(
+  (r) => typeof r == "string" && r.trim().length > 0
+), Fs = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
+    responseKey: s,
+    component: o,
+    hash: c,
+    templateRedirectUrl: i,
+    templateTarget: n = "_blank",
+    dependencies: u,
+    uploadStatus: l = "idle",
+    notificationVisible: d = !1,
+    rule1: _,
+    rule2: h,
+    ...f
+  } = e, [x, m] = Ye(t, s, null), { disabled: y } = L(
+    t,
+    u
+  ), g = f.disabled ?? y, j = R(() => {
+    i && (n === "_blank" ? window.open(i, "_blank", "noopener,noreferrer") : window.location.assign(i));
+  }, [i, n]), b = R(
+    (p) => {
+      m(p);
+    },
+    [m]
+  ), w = R(() => {
+    m(null);
+  }, [m]);
+  return /* @__PURE__ */ a.jsx(
+    pn,
+    {
+      ...f,
+      rules: Zs(_, h),
+      file: x,
+      uploadStatus: l,
+      disabled: g,
+      notificationVisible: d,
+      onFileChange: b,
+      onRemove: w,
+      onTemplateLinkClick: i ? j : void 0
+    }
+  );
+}, Ps = (e) => {
+  const {
+    userFlow: t,
+    pageId: r,
     component: s,
     hash: o,
     responseKey: c,
     content: i,
-    items: r,
+    items: n,
     disabled: u,
     variant: l,
     leftIcon: d,
     rightIcon: _
-  } = e, h = oe(t, n), f = k(
-    () => r.map((x) => ({
+  } = e, h = oe(t, r), f = S(
+    () => n.map((x) => ({
       label: x.content ?? x.label ?? "",
       onClick: () => {
         h({
@@ -2390,17 +2447,17 @@ const qs = /* @__PURE__ */ new Set([
         });
       }
     })),
-    [r, h]
+    [n, h]
   );
   return /* @__PURE__ */ a.jsx(
-    pn,
+    bn,
     {
       disabled: u,
       variant: l,
       items: f,
       children: /* @__PURE__ */ a.jsxs(A, { children: [
         d ? /* @__PURE__ */ a.jsx(
-          ct,
+          dt,
           {
             name: d,
             size: "md",
@@ -2409,7 +2466,7 @@ const qs = /* @__PURE__ */ new Set([
         ) : null,
         i,
         _ ? /* @__PURE__ */ a.jsx(
-          ct,
+          dt,
           {
             name: _,
             size: "md",
@@ -2419,19 +2476,19 @@ const qs = /* @__PURE__ */ new Set([
       ] })
     }
   );
-}, Ys = "_header_g1eri_1", Qs = "_header_content_g1eri_5", pt = {
-  header: Ys,
-  header_content: Qs
-}, Zs = ({ components: e = [] }) => /* @__PURE__ */ a.jsx("section", { className: te(pt.header, "avocado-dark-theme"), children: /* @__PURE__ */ a.jsx("div", { className: pt.header_content, children: e.map((t, n) => /* @__PURE__ */ a.jsx(A, { children: t }, n)) }) }), Fs = (e, t, n, s, o) => {
-  const c = Ht(
+}, eo = "_header_g1eri_1", to = "_header_content_g1eri_5", jt = {
+  header: eo,
+  header_content: to
+}, no = ({ components: e = [] }) => /* @__PURE__ */ a.jsx("section", { className: J(jt.header, "avocado-dark-theme"), children: /* @__PURE__ */ a.jsx("div", { className: jt.header_content, children: e.map((t, r) => /* @__PURE__ */ a.jsx(A, { children: t }, r)) }) }), ro = (e, t, r, s, o) => {
+  const c = Je(
     e,
-    n
-  ), i = oe(e, t), r = async (d, _) => {
+    r
+  ), i = oe(e, t), n = async (d, _) => {
     d.preventDefault(), await c(_);
   }, u = s.map((d, _) => _ === s.length - 1 || !d.actionType ? { title: d.title } : d.actionType === "REDIRECT" ? { title: d.title, path: d.redirectUrl } : {
     title: d.title,
     path: "#",
-    component: /* @__PURE__ */ a.jsx("a", { onClick: (h) => void r(h, d) })
+    component: /* @__PURE__ */ a.jsx("a", { onClick: (h) => void n(h, d) })
   }), l = o.map((d) => ({
     label: d.content ?? d.label ?? "",
     icon: d.leftIcon,
@@ -2440,66 +2497,66 @@ const qs = /* @__PURE__ */ new Set([
     }
   }));
   return { breadcrumbs: u, menu: l };
-}, Mt = ({
+}, zt = ({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   component: s,
   hash: o,
   breadcrumbsItems: c = [],
   menuItems: i = [],
-  components: r,
+  components: n,
   onResolveComponentProps: u,
   ...l
 }) => {
-  const { breadcrumbs: d, menu: _ } = Fs(
+  const { breadcrumbs: d, menu: _ } = ro(
     e,
     t,
-    n,
+    r,
     c,
     i
   ), h = T(
     e,
     t,
-    r ?? null,
+    n ?? null,
     u
   );
-  return /* @__PURE__ */ a.jsx(bn, { ...l, breadcrumbsItems: d, menuItems: _, children: h != null && h.length ? h.map((f, x) => {
+  return /* @__PURE__ */ a.jsx(jn, { ...l, breadcrumbsItems: d, menuItems: _, children: h != null && h.length ? h.map((f, x) => {
     var m;
-    return /* @__PURE__ */ a.jsx(A, { children: f }, ((m = r == null ? void 0 : r[x]) == null ? void 0 : m.hash) ?? x);
+    return /* @__PURE__ */ a.jsx(A, { children: f }, ((m = n == null ? void 0 : n[x]) == null ? void 0 : m.hash) ?? x);
   }) : void 0 });
-}, Ps = (e) => {
+}, so = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     responseKey: s,
     actionType: o,
     content: c,
     redirectUrl: i,
-    target: r,
+    target: n,
     dependencies: u,
     component: l,
     hash: d,
     ..._
-  } = e, { getNextUI: h } = K(), { disabled: f } = I(
+  } = e, { getNextUI: h } = K(), { disabled: f } = L(
     t,
     u
   ), x = o && _ ? (() => {
-    const { href: p, target: j, download: b, ...w } = _;
+    const { href: g, target: j, download: b, ...w } = _;
     return w;
-  })() : _, m = D(async () => {
-    var p;
+  })() : _, m = R(async () => {
+    var g;
     if (o)
       try {
         const j = {
-          ...(p = v.getState()[t]) == null ? void 0 : p.entries,
+          ...(g = v.getState()[t]) == null ? void 0 : g.entries,
           [s]: { status: 200 }
         };
         switch (B(t, j), o) {
           case "GO_TO_NEXT_UI": {
             const b = await h(
               t,
-              n,
+              r,
               j,
               s
             );
@@ -2511,7 +2568,7 @@ const qs = /* @__PURE__ */ new Set([
               console.warn("Missing redirectUrl for REDIRECT actionType");
               break;
             }
-            r === "_blank" ? window.open(i, "_blank", "noopener,noreferrer") : window.location.assign(i);
+            n === "_blank" ? window.open(i, "_blank", "noopener,noreferrer") : window.location.assign(i);
             break;
           default:
             console.warn(`Unhandled actionType for link: ${o}`);
@@ -2520,9 +2577,9 @@ const qs = /* @__PURE__ */ new Set([
       } catch (j) {
         alert(JSON.stringify(j));
       }
-  }, [o, h, n, i, s, r, t]), y = x.disabled ?? f;
+  }, [o, h, r, i, s, n, t]), y = x.disabled ?? f;
   return /* @__PURE__ */ a.jsx(
-    jn,
+    Cn,
     {
       ...x,
       disabled: y,
@@ -2530,20 +2587,20 @@ const qs = /* @__PURE__ */ new Set([
       children: c
     }
   );
-}, eo = (e) => {
+}, oo = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     component: s,
     hash: o,
     responseKey: c,
     items: i,
-    closeOnClick: r,
+    closeOnClick: n,
     disabled: u,
     listOrigin: l,
     size: d,
     variant: _
-  } = e, h = oe(t, n), f = k(
+  } = e, h = oe(t, r), f = S(
     () => i.map((x) => ({
       icon: x.leftIcon,
       label: x.content ?? x.label ?? "",
@@ -2561,76 +2618,76 @@ const qs = /* @__PURE__ */ new Set([
     [i, h]
   );
   return /* @__PURE__ */ a.jsx(
-    Cn,
+    Nn,
     {
       items: f,
-      closeOnClick: r,
+      closeOnClick: n,
       disabled: u,
       listOrigin: l,
       size: d,
       variant: _
     }
   );
-}, to = "_modalContent_p06ci_1", no = {
-  modalContent: to
-}, ro = ({
+}, ao = "_modalContent_p06ci_1", co = {
+  modalContent: ao
+}, io = ({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   header: s,
   body: o,
   footer: c,
   headerStatusColor: i,
-  ...r
+  ...n
 }) => {
-  const u = v((p) => {
+  const u = v((g) => {
     var j;
-    return (j = p[e]) == null ? void 0 : j.isModalOpen;
-  }), l = v((p) => {
+    return (j = g[e]) == null ? void 0 : j.isModalOpen;
+  }), l = v((g) => {
     var j;
-    return (j = p[e]) == null ? void 0 : j.isLoading;
+    return (j = g[e]) == null ? void 0 : j.isLoading;
   }), d = u && !l, _ = {
-    ...r
-  }, h = (_ == null ? void 0 : _.headerStatusColor) ?? i, f = D(() => {
-    Ve(e), ze(e, !1);
-  }, [e, n]), x = Array.isArray(s) ? T(e, t, s) : s, m = T(e, t, o), y = T(e, t, c);
+    ...n
+  }, h = (_ == null ? void 0 : _.headerStatusColor) ?? i, f = R(() => {
+    Ve(e), Xe(e, !1);
+  }, [e, r]), x = Array.isArray(s) ? T(e, t, s) : s, m = T(e, t, o), y = T(e, t, c);
   return /* @__PURE__ */ a.jsx(
     wn,
     {
       ..._,
       headerStatusColor: h,
-      header: typeof x == "string" ? x : /* @__PURE__ */ a.jsx(a.Fragment, { children: x.map((p, j) => /* @__PURE__ */ a.jsx(A, { children: p }, `modal-header-${j}`)) }),
-      children: /* @__PURE__ */ a.jsx("section", { className: no.modalContent, children: m.map((p, j) => /* @__PURE__ */ a.jsx(A, { children: p }, `modal-body-${j}`)) }),
-      actions: /* @__PURE__ */ a.jsx(a.Fragment, { children: y.map((p, j) => /* @__PURE__ */ a.jsx(A, { children: p }, `modal-footer-${j}`)) }),
+      header: typeof x == "string" ? x : /* @__PURE__ */ a.jsx(a.Fragment, { children: x.map((g, j) => /* @__PURE__ */ a.jsx(A, { children: g }, `modal-header-${j}`)) }),
+      children: /* @__PURE__ */ a.jsx("section", { className: co.modalContent, children: m.map((g, j) => /* @__PURE__ */ a.jsx(A, { children: g }, `modal-body-${j}`)) }),
+      actions: /* @__PURE__ */ a.jsx(a.Fragment, { children: y.map((g, j) => /* @__PURE__ */ a.jsx(A, { children: g }, `modal-footer-${j}`)) }),
       open: d,
       onClose: f
     }
   );
-}, so = ({ userFlow: e, pageId: t }) => {
+}, lo = ({ userFlow: e, pageId: t }) => {
   var c, i;
-  const n = Fn(e);
-  if (!n)
+  const r = er(e);
+  if (!r)
     return null;
   const s = [
-    ...(n == null ? void 0 : n.components) || [],
-    ...((c = n == null ? void 0 : n.header) == null ? void 0 : c.components) || [],
-    ...((i = n == null ? void 0 : n.body) == null ? void 0 : i.components) || []
+    ...(r == null ? void 0 : r.components) || [],
+    ...((c = r == null ? void 0 : r.header) == null ? void 0 : c.components) || [],
+    ...((i = r == null ? void 0 : r.body) == null ? void 0 : i.components) || []
   ], o = T(
     e,
     t,
     s
   );
-  return /* @__PURE__ */ a.jsx(a.Fragment, { children: o == null ? void 0 : o.map((r, u) => {
-    const l = `overlay-${u}-${n == null ? void 0 : n.hash}`;
-    return /* @__PURE__ */ a.jsx(A, { children: r }, l);
+  return /* @__PURE__ */ a.jsx(a.Fragment, { children: o == null ? void 0 : o.map((n, u) => {
+    const l = `overlay-${u}-${r == null ? void 0 : r.hash}`;
+    return /* @__PURE__ */ a.jsx(A, { children: n }, l);
   }) });
-}, oo = [
+}, uo = [
   "success",
   "warning",
   "error",
   "info",
   "neutral"
-], ao = {
+], _o = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -2656,7 +2713,7 @@ const qs = /* @__PURE__ */ new Set([
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, co = {
+}, ho = {
   success: {
     color: "success-50",
     textColor: "success-60",
@@ -2682,48 +2739,48 @@ const qs = /* @__PURE__ */ new Set([
     textColor: "neutral-50",
     iconColor: "neutral-50"
   }
-}, we = (e, t) => t ? co[e] : ao[e], io = "outlined", bt = (e) => typeof e == "string" && oo.includes(e), lo = (e, t = {}) => e != null && e.length ? e.length === 3 && bt(e[1]) && e[2] === io ? [{ label: String(e[0]), variant: e[1], outlined: !0 }] : e.length === 2 && bt(e[1]) ? [
+}, Ne = (e, t) => t ? ho[e] : _o[e], fo = "outlined", Ct = (e) => typeof e == "string" && uo.includes(e), xo = (e, t = {}) => e != null && e.length ? e.length === 3 && Ct(e[1]) && e[2] === fo ? [{ label: String(e[0]), variant: e[1], outlined: !0 }] : e.length === 2 && Ct(e[1]) ? [
   {
     label: String(e[0]),
     variant: e[1],
     ...t.outlined ? { outlined: !0 } : {}
   }
-] : e.map((n) => ({
-  label: String(n),
+] : e.map((r) => ({
+  label: String(r),
   variant: t.variant ?? "neutral",
   ...t.outlined ? { outlined: !0 } : {}
-})) : [], uo = (e) => {
-  const { content: t, variant: n = "neutral", ...s } = e, o = we(n, s == null ? void 0 : s.outlined), c = {
+})) : [], yo = (e) => {
+  const { content: t, variant: r = "neutral", ...s } = e, o = Ne(r, s == null ? void 0 : s.outlined), c = {
     ...s,
     children: t,
     color: (s == null ? void 0 : s.color) ?? o.color,
     textColor: (s == null ? void 0 : s.textColor) ?? o.textColor,
     iconColor: (s == null ? void 0 : s.iconColor) ?? o.iconColor
   };
-  return /* @__PURE__ */ a.jsx(Le, { ...c });
-}, _o = (e) => {
+  return /* @__PURE__ */ a.jsx(qe, { ...c });
+}, mo = (e) => {
   const { content: t } = e;
-  return /* @__PURE__ */ a.jsx(Tt, { children: t });
-}, ho = (e) => {
+  return /* @__PURE__ */ a.jsx(kt, { children: t });
+}, go = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     responseKey: s,
     actionType: o,
     dataSource: c,
     dependencies: i,
-    onClick: r,
+    onClick: n,
     ...u
-  } = e, l = oe(t, n), { disabled: d } = I(
+  } = e, l = oe(t, r), { disabled: d } = L(
     t,
     i
   ), _ = {
     ...u
-  }, h = (_ == null ? void 0 : _.disabled) ?? d, [f, x] = O(!1), m = he(!1), y = D(async () => {
+  }, h = (_ == null ? void 0 : _.disabled) ?? d, [f, x] = O(!1), m = he(!1), y = R(async () => {
     if (m.current)
       return;
-    const p = o === "FETCH_DATA_SOURCE";
-    p && (m.current = !0, x(!0));
+    const g = o === "FETCH_DATA_SOURCE";
+    g && (m.current = !0, x(!0));
     try {
       await l({
         responseKey: s,
@@ -2734,20 +2791,20 @@ const qs = /* @__PURE__ */ new Set([
     } catch (j) {
       console.error("[RoundButtonNotFront] Action failed:", j);
     } finally {
-      p && (m.current = !1, x(!1));
+      g && (m.current = !1, x(!1));
     }
   }, [o, c, i, s, l]);
   return /* @__PURE__ */ a.jsx(
-    Nn,
+    vn,
     {
       ..._,
       loading: _.loading || f,
       disabled: h,
-      onClick: () => !h && !f && (r ?? y)()
+      onClick: () => !h && !f && (n ?? y)()
     }
   );
-}, fo = "_row_1bqj4_1", xo = "_row_column_1bqj4_65", M = {
-  row: fo,
+}, po = "_row_1bqj4_1", bo = "_row_column_1bqj4_65", M = {
+  row: po,
   "row__gap-none": "_row__gap-none_1bqj4_5",
   "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
   "row__gap-xs": "_row__gap-xs_1bqj4_11",
@@ -2768,7 +2825,7 @@ const qs = /* @__PURE__ */ new Set([
   "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: xo,
+  row_column: bo,
   "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",
@@ -2789,15 +2846,15 @@ const qs = /* @__PURE__ */ new Set([
   "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"
-}, yo = (e) => {
+}, jo = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     columnWidth: s,
     columns: o,
     gap: c = "md",
     justifyContent: i = "start",
-    alignItems: r = "stretch"
+    alignItems: n = "stretch"
   } = e, u = Array.isArray(o) ? o.map((l, d) => {
     const _ = `col_${d}`, h = `col_${d}`;
     if (Array.isArray(l))
@@ -2822,18 +2879,18 @@ const qs = /* @__PURE__ */ new Set([
   return u.length === 0 ? null : /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: te(
+      className: J(
         M.row,
         M[`row__gap-${c}`],
         M[`row__justify-${i}`],
-        M[`row__align-${r}`]
+        M[`row__align-${n}`]
       ),
       children: u == null ? void 0 : u.map((l, d) => {
-        const _ = (s == null ? void 0 : s[d]) || `${100 / u.length}%`, h = T(t, n, l.items);
+        const _ = (s == null ? void 0 : s[d]) || `${100 / u.length}%`, h = T(t, r, l.items);
         return !h || h.length === 0 ? null : /* @__PURE__ */ a.jsx(
           "div",
           {
-            className: te(
+            className: J(
               M.row_column,
               M[`row_column__gap-${l.gap}`],
               M[`row_column__justify-${l.justifyContent}`],
@@ -2851,29 +2908,29 @@ const qs = /* @__PURE__ */ new Set([
 function Vt({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   actionType: s,
   getNextUI: o,
   isMulti: c = !1,
   debounceMs: i
 }) {
-  const r = he(null);
-  G(() => () => {
-    r.current !== null && (clearTimeout(r.current), r.current = null);
+  const n = he(null);
+  U(() => () => {
+    n.current !== null && (clearTimeout(n.current), n.current = null);
   }, []);
-  const u = D(
+  const u = R(
     async (d) => {
       var f;
       const _ = {
         ...(f = v.getState()[e]) == null ? void 0 : f.entries
       };
-      if (d ? (_[n] = d, B(e, _)) : (delete _[n], Pn(e, n)), s && (s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+      if (d ? (_[r] = d, B(e, _)) : (delete _[r], tr(e, r)), s && (s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
           const m = await o(
             e,
             t,
             _,
-            n,
+            r,
             s === "GO_TO_NEXT_UI"
           );
           m != null && m.data && H(e, m.data);
@@ -2881,9 +2938,9 @@ function Vt({
           console.error("[useSelectChange] Failed to fetch next UI", x);
         }
     },
-    [e, t, n, s, o]
+    [e, t, r, s, o]
   );
-  return D(
+  return R(
     (d) => {
       if (!c) {
         u(d);
@@ -2893,36 +2950,36 @@ function Vt({
         u(d);
         return;
       }
-      r.current !== null && (clearTimeout(r.current), r.current = null), r.current = setTimeout(() => {
-        u(d), r.current = null;
+      n.current !== null && (clearTimeout(n.current), n.current = null), n.current = setTimeout(() => {
+        u(d), n.current = null;
       }, i);
     },
     [c, i, u]
   );
 }
-const mo = /\{([^}]+)\}/g, go = (e, t) => {
-  var n;
-  return t.includes("{") ? t.replace(mo, (s, o) => {
+const Co = /\{([^}]+)\}/g, No = (e, t) => {
+  var r;
+  return t.includes("{") ? t.replace(Co, (s, o) => {
     var i;
     const c = (i = q.query(e, o.trim())) == null ? void 0 : i[0];
     return c != null ? String(c) : "";
-  }) : (n = q.query(e, t)) == null ? void 0 : n[0];
-}, po = (e, t, n, s) => {
+  }) : (r = q.query(e, t)) == null ? void 0 : r[0];
+}, wo = (e, t, r, s) => {
   const o = q.query(e, t);
   return (o == null ? void 0 : o.map((c) => {
     var u;
-    const i = go(c, n), r = s ? (u = q.query(c, s)) == null ? void 0 : u[0] : c;
-    return { label: i, value: r };
+    const i = No(c, r), n = s ? (u = q.query(c, s)) == null ? void 0 : u[0] : c;
+    return { label: i, value: n };
   })) ?? [];
-}, bo = (e, t, n, s = 10) => {
-  var r, u;
+}, vo = (e, t, r, s = 10) => {
+  var n, u;
   let o, c;
-  if (n) {
-    const l = q.value(e, n.size ?? "$.meta.size") ?? s, d = q.value(e, n.total ?? "$.meta.total") ?? 0;
+  if (r) {
+    const l = q.value(e, r.size ?? "$.meta.size") ?? s, d = q.value(e, r.total ?? "$.meta.total") ?? 0;
     o = l, c = d;
   } else {
     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, c = (l == null ? void 0 : l.total) ?? ((u = l == null ? void 0 : l.page) == null ? void 0 : u.total) ?? 0;
+    o = (l == null ? void 0 : l.size) ?? ((n = l == null ? void 0 : l.page) == null ? void 0 : n.size) ?? s, c = (l == null ? void 0 : l.total) ?? ((u = l == null ? void 0 : l.page) == null ? void 0 : u.total) ?? 0;
   }
   const i = c > 0 ? Math.ceil(c / o) > t : !1;
   return {
@@ -2930,62 +2987,62 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     total: c,
     hasMore: i
   };
-}, jo = "_selectNotFront_ch3v5_1", zt = {
-  selectNotFront: jo
-}, Co = ({
+}, Eo = "_selectNotFront_ch3v5_1", Xt = {
+  selectNotFront: Eo
+}, To = ({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   required: s,
   dataSource: o,
   actionType: c,
   dependencies: i,
-  debounceMs: r,
+  debounceMs: n,
   ...u
 }) => {
   const l = {
     ...u
-  }, { getNextUI: d, fetchDataSource: _ } = K(), [h, f] = O((l == null ? void 0 : l.value) ?? ""), { disabled: x } = I(
+  }, { getNextUI: d, fetchDataSource: _ } = K(), [h, f] = O((l == null ? void 0 : l.value) ?? ""), { disabled: x } = L(
     e,
     i
-  ), m = (l == null ? void 0 : l.disabled) ?? x, y = k(() => s && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, s]), p = k(() => {
-    const g = l != null && l.isMulti ? h : [h], C = {};
-    return Array.isArray(g) && g.forEach((N) => {
+  ), m = (l == null ? void 0 : l.disabled) ?? x, y = S(() => s && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, s]), g = S(() => {
+    const p = l != null && l.isMulti ? h : [h], C = {};
+    return Array.isArray(p) && p.forEach((N) => {
       if (!N) return;
-      const E = JSON.stringify(N.value), L = JSON.stringify(N.label);
-      C[E] = N, L in C || (C[L] = N);
+      const E = JSON.stringify(N.value), I = JSON.stringify(N.label);
+      C[E] = N, I in C || (C[I] = N);
     }), C;
   }, [h]), j = Vt({
     userFlow: e,
     pageId: t,
-    responseKey: n,
+    responseKey: r,
     actionType: c,
     getNextUI: d,
     isMulti: l == null ? void 0 : l.isMulti,
-    debounceMs: r
-  }), b = (g) => {
-    f(g), j(g);
-  }, w = async (g, C, { page: N }) => {
+    debounceMs: n
+  }), b = (p) => {
+    f(p), j(p);
+  }, w = async (p, C, { page: N }) => {
     const {
       jsonPathLabel: E,
-      jsonPathOptions: L,
+      jsonPathOptions: I,
       jsonPathValue: W,
       jsonPathPagination: ye
-    } = o, Y = Xe(
+    } = o, Q = We(
       o,
       N,
-      g
+      p
     ), ie = await _(
-      Y,
+      Q,
       e,
       !1
-    ), U = ie == null ? void 0 : ie.data, me = U ? po(
-      U,
-      L,
+    ), G = ie == null ? void 0 : ie.data, me = G ? wo(
+      G,
+      I,
       E,
       W
-    ) : [], { hasMore: ve } = bo(
-      U,
+    ) : [], { hasMore: ve } = vo(
+      G,
       N,
       ye
     );
@@ -2998,95 +3055,95 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     };
   };
   return /* @__PURE__ */ a.jsx(
-    vn,
+    En,
     {
       ...l,
-      className: zt.selectNotFront,
+      className: Xt.selectNotFront,
       label: y,
       value: h,
       disabled: m,
       noOptionsMessage: () => /* @__PURE__ */ a.jsx(a.Fragment, { children: "Sin opciones" }),
-      onChange: (g) => !m && b(g),
+      onChange: (p) => !m && b(p),
       loadOptions: w,
       additional: { page: 1 },
-      isOptionDisabled: (g) => {
-        const C = JSON.stringify(g == null ? void 0 : g.value), N = JSON.stringify(g == null ? void 0 : g.label);
-        return !!(p != null && p[C]) || !!(p != null && p[N]);
+      isOptionDisabled: (p) => {
+        const C = JSON.stringify(p == null ? void 0 : p.value), N = JSON.stringify(p == null ? void 0 : p.label);
+        return !!(g != null && g[C]) || !!(g != null && g[N]);
       },
       debounceTimeout: 350
     }
   );
-}, wo = ({
+}, Ao = ({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   dataSource: s,
   required: o,
   actionType: c,
   dependencies: i,
-  debounceMs: r,
+  debounceMs: n,
   ...u
 }) => {
   const l = {
     ...u
-  }, { getNextUI: d } = K(), [_, h] = O(l.value || ""), { disabled: f } = I(
+  }, { getNextUI: d } = K(), [_, h] = O(l.value || ""), { disabled: f } = L(
     e,
     i
-  ), x = (l == null ? void 0 : l.disabled) ?? f, m = k(() => o && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, o]), y = Vt({
+  ), x = (l == null ? void 0 : l.disabled) ?? f, m = S(() => o && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, o]), y = Vt({
     userFlow: e,
     pageId: t,
-    responseKey: n,
+    responseKey: r,
     actionType: c,
     getNextUI: d,
     isMulti: l == null ? void 0 : l.isMulti,
-    debounceMs: r
-  }), p = (j) => {
+    debounceMs: n
+  }), g = (j) => {
     h(j), y(j);
   };
   return /* @__PURE__ */ a.jsx(
-    En,
+    Tn,
     {
       ...l,
-      className: zt.selectNotFront,
+      className: Xt.selectNotFront,
       label: m,
       value: _,
       disabled: x,
-      onChange: (j) => !x && p(j)
+      onChange: (j) => !x && g(j)
     }
   );
-}, No = (e) => {
+}, ko = (e) => {
   const { dataSource: t } = e;
-  return t ? /* @__PURE__ */ a.jsx(Co, { ...e }) : /* @__PURE__ */ a.jsx(wo, { ...e });
-}, vo = "_spacing_19hqa_1", Eo = "_spacing__xxs_19hqa_1", To = "_spacing__xs_19hqa_4", Ao = "_spacing__sm_19hqa_7", So = "_spacing__md_19hqa_10", ko = "_spacing__lg_19hqa_13", Oo = "_spacing__xl_19hqa_16", Ro = "_spacing__xxl_19hqa_19", Do = "_spacing__xxxl_19hqa_22", jt = {
-  spacing: vo,
-  spacing__xxs: Eo,
-  spacing__xs: To,
-  spacing__sm: Ao,
-  spacing__md: So,
-  spacing__lg: ko,
-  spacing__xl: Oo,
-  spacing__xxl: Ro,
-  spacing__xxxl: Do
-}, $o = (e) => {
-  const { size: t } = e, n = te(jt.spacing, jt[`spacing__${t}`]);
-  return /* @__PURE__ */ a.jsx("div", { className: n });
-}, Io = (e) => {
+  return t ? /* @__PURE__ */ a.jsx(To, { ...e }) : /* @__PURE__ */ a.jsx(Ao, { ...e });
+}, So = "_spacing_19hqa_1", Oo = "_spacing__xxs_19hqa_1", Ro = "_spacing__xs_19hqa_4", Do = "_spacing__sm_19hqa_7", Io = "_spacing__md_19hqa_10", $o = "_spacing__lg_19hqa_13", Lo = "_spacing__xl_19hqa_16", qo = "_spacing__xxl_19hqa_19", Bo = "_spacing__xxxl_19hqa_22", Nt = {
+  spacing: So,
+  spacing__xxs: Oo,
+  spacing__xs: Ro,
+  spacing__sm: Do,
+  spacing__md: Io,
+  spacing__lg: $o,
+  spacing__xl: Lo,
+  spacing__xxl: qo,
+  spacing__xxxl: Bo
+}, Ho = (e) => {
+  const { size: t } = e, r = J(Nt.spacing, Nt[`spacing__${t}`]);
+  return /* @__PURE__ */ a.jsx("div", { className: r });
+}, Ko = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     responseKey: s,
     actionType: o,
     label: c,
     value: i,
-    required: r,
+    required: n,
     dependencies: u,
     ...l
   } = e, d = {
     ...l
-  }, { getNextUI: _ } = K(), [h, f] = O(i || !1), { disabled: x } = I(
+  }, { getNextUI: _ } = K(), [h, f] = O(i || !1), { disabled: x } = L(
     t,
     u
-  ), m = (d == null ? void 0 : d.disabled) ?? x, y = k(() => r && c ? `${c} *` : c ?? "", [c, r]), p = D(async () => {
+  ), m = (d == null ? void 0 : d.disabled) ?? x, y = S(() => n && c ? `${c} *` : c ?? "", [c, n]), g = R(async () => {
     var j;
     try {
       const b = !h;
@@ -3100,7 +3157,7 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
           const C = await _(
             t,
-            n,
+            r,
             w,
             s,
             o === "GO_TO_NEXT_UI"
@@ -3114,52 +3171,52 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     } catch (b) {
       console.error("Error in switch action:", b), alert(JSON.stringify(b));
     }
-  }, [t, n, s, o, h]);
+  }, [t, r, s, o, h]);
   return /* @__PURE__ */ a.jsx(
-    Tn,
+    An,
     {
       ...d,
       label: y,
       checked: h,
       disabled: m,
-      onChange: () => !m && p()
+      onChange: () => !m && g()
     }
   );
-}, Lo = 10, qo = [10, 20, 50, 100], Bo = 72, Ho = 120, Ko = (e, t) => e != null && t.includes(e) ? e : t[0] ?? Lo, Go = ({
+}, Uo = 10, Go = [10, 20, 50, 100], Mo = 72, zo = 120, Vo = (e, t) => e != null && t.includes(e) ? e : t[0] ?? Uo, Xo = ({
   maxHeight: e,
   stickyHeader: t,
-  autoFitToViewport: n,
+  autoFitToViewport: r,
   availableHeight: s
 }) => e != null ? {
   maxHeight: e,
   stickyHeader: t ?? !1
-} : !n || s == null ? {
+} : !r || s == null ? {
   maxHeight: void 0,
   stickyHeader: t ?? !1
 } : {
   maxHeight: s,
   stickyHeader: t ?? !0
-}, Uo = ({
+}, Wo = ({
   viewportHeight: e,
   elementTop: t,
-  pagerReservedHeight: n = Bo,
-  minTableHeight: s = Ho
+  pagerReservedHeight: r = Mo,
+  minTableHeight: s = zo
 }) => {
-  const o = e - Math.max(t, 0) - n;
+  const o = e - Math.max(t, 0) - r;
   return Math.max(o, s);
-}, Mo = ({ enabled: e }) => {
-  const [t, n] = O(null), [s, o] = O();
+}, Jo = ({ enabled: e }) => {
+  const [t, r] = O(null), [s, o] = O();
   return sn(() => {
     if (!e || !t) {
       o(void 0);
       return;
     }
     const c = () => {
-      const r = t.getBoundingClientRect().top;
+      const n = t.getBoundingClientRect().top;
       o(
-        Uo({
+        Wo({
           viewportHeight: window.innerHeight,
-          elementTop: r
+          elementTop: n
         })
       );
     };
@@ -3169,32 +3226,32 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       window.removeEventListener("resize", c), i == null || i.disconnect();
     };
   }, [e, t]), {
-    tableContainerRef: n,
+    tableContainerRef: r,
     availableHeight: s
   };
-}, Vo = "_table_scrollContainer_1g2ed_1", zo = "_tableSkeleton_1g2ed_5", Xo = "_tableArrayPills_1g2ed_11", We = {
-  table_scrollContainer: Vo,
-  tableSkeleton: zo,
-  tableArrayPills: Xo
-}, Wo = (e, t) => {
+}, Yo = "_table_scrollContainer_1g2ed_1", Qo = "_tableSkeleton_1g2ed_5", Zo = "_tableArrayPills_1g2ed_11", Qe = {
+  table_scrollContainer: Yo,
+  tableSkeleton: Qo,
+  tableArrayPills: Zo
+}, Fo = (e, t) => {
   if (e)
-    return we(e, !0);
+    return Ne(e, !0);
   if (t)
-    return we("neutral", !0);
-}, Jo = ({
+    return Ne("neutral", !0);
+}, Po = ({
   values: e,
   pillVariant: t,
-  pillOutlined: n
+  pillOutlined: r
 }) => {
-  const o = lo(e ?? [], {
+  const o = xo(e ?? [], {
     variant: t,
-    outlined: n
-  }), c = o.slice(0, 4), i = o.length - 4, r = Wo(t, n);
-  return /* @__PURE__ */ a.jsxs("div", { className: We.tableArrayPills, children: [
+    outlined: r
+  }), c = o.slice(0, 4), i = o.length - 4, n = Fo(t, r);
+  return /* @__PURE__ */ a.jsxs("div", { className: Qe.tableArrayPills, children: [
     c.map((u, l) => {
-      const d = we(u.variant, u.outlined);
+      const d = Ne(u.variant, u.outlined);
       return /* @__PURE__ */ a.jsx(
-        Le,
+        qe,
         {
           color: d.color,
           textColor: d.textColor,
@@ -3206,12 +3263,12 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       );
     }),
     i > 0 && /* @__PURE__ */ a.jsxs(
-      Le,
+      qe,
       {
         outlined: !0,
-        color: r == null ? void 0 : r.color,
-        textColor: r == null ? void 0 : r.textColor,
-        iconColor: r == null ? void 0 : r.iconColor,
+        color: n == null ? void 0 : n.color,
+        textColor: n == null ? void 0 : n.textColor,
+        iconColor: n == null ? void 0 : n.iconColor,
         children: [
           "+",
           i
@@ -3219,14 +3276,14 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       }
     )
   ] });
-}, Yo = ({
+}, ea = ({
   userFlow: e,
   pageId: t,
-  tableResponseKey: n,
+  tableResponseKey: r,
   component: s,
   rowData: o
 }) => {
-  const { getNextUI: c, fetchAndGetNextUI: i, runGetDataSource: r } = K(), u = T(e, t, [
+  const { getNextUI: c, fetchAndGetNextUI: i, runGetDataSource: n } = K(), u = T(e, t, [
     { ...s }
   ]), l = (u == null ? void 0 : u[0]) || null;
   if (!l) return null;
@@ -3234,13 +3291,13 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     actionType: d,
     responseKey: _,
     dataSource: h
-  } = l.props, f = D(async () => {
+  } = l.props, f = R(async () => {
     var x;
     try {
       const m = {
         ...(x = v.getState()[e]) == null ? void 0 : x.entries,
         [_]: { status: 200 },
-        [n]: [{ ...o }]
+        [r]: [{ ...o }]
       };
       switch (B(e, m), d) {
         case "GO_TO_NEXT_UI": {
@@ -3265,7 +3322,7 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
           break;
         }
         case "GET_DATA_SOURCE": {
-          await r(
+          await n(
             e,
             t,
             _,
@@ -3285,8 +3342,8 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     h,
     t,
     _,
-    r,
     n,
+    r,
     e,
     c,
     i,
@@ -3295,69 +3352,69 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
   return on(l, {
     onClick: f
   });
-}, Qo = () => /* @__PURE__ */ a.jsx("div", { className: We.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ a.jsx(
-  Et,
+}, ta = () => /* @__PURE__ */ a.jsx("div", { className: Qe.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ a.jsx(
+  At,
   {
     maxWidth: "100%",
     height: 42,
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), Zo = (e, t) => !(t != null && t.length) || !e ? e : e.map((n) => t.some((o) => {
+)) }), na = (e, t) => !(t != null && t.length) || !e ? e : e.map((r) => t.some((o) => {
   const c = o;
   return Array.isArray(
-    n != null && n.accessor ? c[n.accessor] : void 0
+    r != null && r.accessor ? c[r.accessor] : void 0
   );
 }) ? {
-  ...n,
+  ...r,
   renderCell: (o) => {
-    const c = n.accessor ? o[n.accessor] : void 0;
+    const c = r.accessor ? o[r.accessor] : void 0;
     return Array.isArray(c) ? /* @__PURE__ */ a.jsx(
-      Jo,
+      Po,
       {
         values: c,
-        pillVariant: n.pillVariant,
-        pillOutlined: n.pillOutlined
+        pillVariant: r.pillVariant,
+        pillOutlined: r.pillOutlined
       }
     ) : c ?? "";
   }
-} : n), Fo = ({
+} : r), ra = ({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   component: s,
   dataSource: o,
   rightActions: c,
   data: i,
-  pageSize: r,
+  pageSize: n,
   showRowsPerPage: u = !1,
   pageSizeOptions: l,
   labelRowsPerPage: d,
   autoHeight: _,
   ...h
 }) => {
-  var Pe, et;
-  const { fetchDataSource: f } = K(), [x, m] = O(!1), [y, p] = O(1), j = l ?? qo, [b, w] = O(
-    () => Ko(r, j)
-  ), [g, C] = O(null), N = !o && Array.isArray(i), E = !!(o != null && o.jsonPathCursorPagination) && !!((Pe = o == null ? void 0 : o.jsonPathPagination) != null && Pe.hasMore), L = u && !E, W = u || r != null, ye = W ? b : void 0, Y = he(
+  var nt, rt;
+  const { fetchDataSource: f } = K(), [x, m] = O(!1), [y, g] = O(1), j = l ?? Go, [b, w] = O(
+    () => Vo(n, j)
+  ), [p, C] = O(null), N = !o && Array.isArray(i), E = !!(o != null && o.jsonPathCursorPagination) && !!((nt = o == null ? void 0 : o.jsonPathPagination) != null && nt.hasMore), I = u && !E, W = u || n != null, ye = W ? b : void 0, Q = he(
     /* @__PURE__ */ new Map([[1, null]])
-  ), ie = k(() => {
+  ), ie = S(() => {
     if (c != null && c.length)
       return c.map(($, pe) => ({
         renderContent: (Te) => /* @__PURE__ */ a.jsx(
-          Yo,
+          ea,
           {
             userFlow: e,
             pageId: t,
-            tableResponseKey: n,
+            tableResponseKey: r,
             component: $,
             rowData: Te
           },
           `tableRowAction${pe}`
         )
       }));
-  }, [c, e, t, n]), U = async ($, pe) => {
-    var tt, nt;
+  }, [c, e, t, r]), G = async ($, pe) => {
+    var st, ot;
     if (!o)
       return;
     const {
@@ -3366,53 +3423,53 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       jsonPathPagination: Pt,
       jsonPathCursorPagination: le
     } = o;
-    if (le && $ !== 1 && !Y.current.has($)) {
-      p(1), U(1, pe);
+    if (le && $ !== 1 && !Q.current.has($)) {
+      g(1), G(1, pe);
       return;
     }
-    le && $ === 1 && (Y.current = /* @__PURE__ */ new Map([[1, null]]));
+    le && $ === 1 && (Q.current = /* @__PURE__ */ new Map([[1, null]]));
     try {
       m(!0);
-      const Ae = le ? Y.current.get($) ?? null : null, en = Xe(
+      const Ae = le ? Q.current.get($) ?? null : null, en = We(
         o,
         $,
         void 0,
         Ae,
         pe
-      ), Z = await f(
+      ), F = await f(
         en,
         e,
         !1
-      ), rt = Kt(
-        Z == null ? void 0 : Z.data,
+      ), at = Ut(
+        F == null ? void 0 : F.data,
         Ft,
         Te,
         Pt
       );
-      C(rt);
-      const tn = !!((tt = o == null ? void 0 : o.jsonPathPagination) != null && tt.size), Se = (nt = rt.pagination) == null ? void 0 : nt.size;
-      if (W && tn && Se != null && j.includes(Se) && w(Se), le) {
-        const st = Zr(
-          Z == null ? void 0 : Z.data,
+      C(at);
+      const tn = !!((st = o == null ? void 0 : o.jsonPathPagination) != null && st.size), ke = (ot = at.pagination) == null ? void 0 : ot.size;
+      if (W && tn && ke != null && j.includes(ke) && w(ke), le) {
+        const ct = es(
+          F == null ? void 0 : F.data,
           le
         );
-        st && Y.current.set($ + 1, st);
+        ct && Q.current.set($ + 1, ct);
       }
       m(!1);
     } catch (Ae) {
       console.error("[TableNotFront] fetchData:", Ae), m(!1);
     }
   }, me = ($) => {
-    p($), U($, ye);
+    g($), G($, ye);
   }, ve = ($) => {
-    w($.value), p(1), U(1, $.value);
+    w($.value), g(1), G(1, $.value);
   };
-  G(() => {
-    N || U(1, ye);
+  U(() => {
+    N || G(1, ye);
   }, []);
-  const Q = N ? i : g == null ? void 0 : g.items, Ee = N && W && ((i == null ? void 0 : i.length) ?? 0) > b, Wt = k(() => {
+  const Z = N ? i : p == null ? void 0 : p.items, Ee = N && W && ((i == null ? void 0 : i.length) ?? 0) > b, Wt = S(() => {
     if (!Ee || !i)
-      return Q ?? [];
+      return Z ?? [];
     const $ = (y - 1) * b;
     return i.slice($, $ + b);
   }, [
@@ -3420,103 +3477,103 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     i,
     b,
     y,
-    Q
-  ]), Jt = k(
-    () => Zo(h.columns, Q),
-    [Q, h.columns]
-  ), ge = (_ ?? !0) && !E, { tableContainerRef: Yt, availableHeight: Je } = Mo({
+    Z
+  ]), Jt = S(
+    () => na(h.columns, Z),
+    [Z, h.columns]
+  ), ge = (_ ?? !0) && !E, { tableContainerRef: Yt, availableHeight: Ze } = Jo({
     enabled: ge
-  }), Ye = k(
-    () => Go({
+  }), Fe = S(
+    () => Xo({
       maxHeight: h.maxHeight,
       stickyHeader: h.stickyHeader,
       autoFitToViewport: ge,
-      availableHeight: Je
+      availableHeight: Ze
     }),
     [
       h.maxHeight,
       h.stickyHeader,
       ge,
-      Je
+      Ze
     ]
   ), Qt = {
     ...h,
-    maxHeight: Ye.maxHeight,
-    stickyHeader: Ye.stickyHeader,
+    maxHeight: Fe.maxHeight,
+    stickyHeader: Fe.stickyHeader,
     data: Wt,
     columns: Jt ?? [],
     rightActions: ie
-  }, Qe = /* @__PURE__ */ a.jsx(An, { ...Qt }), Ze = ge ? /* @__PURE__ */ a.jsx("div", { ref: Yt, className: We.table_scrollContainer, children: Qe }) : Qe, Fe = {
-    showRowsPerPage: L,
+  }, Pe = /* @__PURE__ */ a.jsx(kn, { ...Qt }), et = ge ? /* @__PURE__ */ a.jsx("div", { ref: Yt, className: Qe.table_scrollContainer, children: Pe }) : Pe, tt = {
+    showRowsPerPage: I,
     pageSizeOptions: j,
     labelRowsPerPage: d,
     onRowsPerPageChange: ve
   };
   if (N)
-    return !Q || Q.length === 0 ? /* @__PURE__ */ a.jsx(je, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      Ze,
+    return !Z || Z.length === 0 ? /* @__PURE__ */ a.jsx(je, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      et,
       (Ee || u) && i && /* @__PURE__ */ a.jsx(
-        ke,
+        Se,
         {
-          ...Fe,
+          ...tt,
           classname: { global: "row__end" },
           page: y,
           size: b,
           total: i.length,
-          onChange: p
+          onChange: g
         }
       )
     ] });
-  const Zt = !E && (g == null ? void 0 : g.pagination) && (g.pagination.totalPages > 1 || u);
-  return /* @__PURE__ */ a.jsx(a.Fragment, { children: x ? /* @__PURE__ */ a.jsx(Qo, {}) : g && ((et = g == null ? void 0 : g.items) == null ? void 0 : et.length) > 0 ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    Ze,
+  const Zt = !E && (p == null ? void 0 : p.pagination) && (p.pagination.totalPages > 1 || u);
+  return /* @__PURE__ */ a.jsx(a.Fragment, { children: x ? /* @__PURE__ */ a.jsx(ta, {}) : p && ((rt = p == null ? void 0 : p.items) == null ? void 0 : rt.length) > 0 ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    et,
     Zt && /* @__PURE__ */ a.jsx(
-      ke,
+      Se,
       {
-        ...Fe,
+        ...tt,
         classname: { global: "row__end" },
         page: y,
         size: b,
-        totalPages: g.pagination.totalPages,
+        totalPages: p.pagination.totalPages,
         onChange: me
       }
     ),
-    E && (g == null ? void 0 : g.pagination) && /* @__PURE__ */ a.jsx(
-      ke,
+    E && (p == null ? void 0 : p.pagination) && /* @__PURE__ */ a.jsx(
+      Se,
       {
         variant: "cursor",
         classname: { global: "row__end" },
         page: y,
-        hasNextPage: !!g.pagination.hasMore,
+        hasNextPage: !!p.pagination.hasMore,
         onChange: me
       }
     )
   ] }) : /* @__PURE__ */ a.jsx(je, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, Po = "_tabsPanel_kvslb_1", ea = {
-  tabsPanel: Po
-}, ta = ({ userFlow: e, pageId: t, components: n }) => {
-  const s = T(e, t, n);
-  return s != null && s.length ? /* @__PURE__ */ a.jsx("section", { className: ea.tabsPanel, children: s.map((o, c) => /* @__PURE__ */ a.jsx(A, { children: o }, `tabs-panel-${c}`)) }) : null;
-}, na = ({
+}, sa = "_tabsPanel_kvslb_1", oa = {
+  tabsPanel: sa
+}, aa = ({ userFlow: e, pageId: t, components: r }) => {
+  const s = T(e, t, r);
+  return s != null && s.length ? /* @__PURE__ */ a.jsx("section", { className: oa.tabsPanel, children: s.map((o, c) => /* @__PURE__ */ a.jsx(A, { children: o }, `tabs-panel-${c}`)) }) : null;
+}, ca = ({
   userFlow: e,
   pageId: t,
-  hash: n,
+  hash: r,
   items: s,
   activeIndex: o,
   className: c,
   responseKey: i
 }) => {
-  const r = s.map((l, d) => ({
+  const n = s.map((l, d) => ({
     label: l.label,
     disabled: l.disabled,
     children: /* @__PURE__ */ a.jsx(
-      ta,
+      aa,
       {
         userFlow: e,
         pageId: t,
         components: l.components
       },
-      `${n}-tab-${d}`
+      `${r}-tab-${d}`
     )
   })), u = (l) => {
     var _;
@@ -3531,94 +3588,83 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     {
       className: c,
       activeIndex: o,
-      items: r,
+      items: n,
       onClick: u
     }
   );
-}, Xt = (e, t, n) => {
-  const s = v(
-    (c) => {
-      var i, r;
-      return (r = (i = c[e]) == null ? void 0 : i.entries) == null ? void 0 : r[t];
-    }
-  ), o = D(
-    (c) => B(e, { [t]: c }),
-    [e, t]
-  );
-  return [s ?? n, o];
-}, ra = "_textareaNotFront_1wpe5_1", sa = {
-  textareaNotFront: ra
-}, oa = (e) => {
+}, ia = "_textareaNotFront_1wpe5_1", la = {
+  textareaNotFront: ia
+}, da = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     component: s,
     hash: o,
     responseKey: c,
     required: i,
-    dependencies: r,
+    dependencies: n,
     ...u
-  } = e, { value: l, ...d } = u, [_, h] = Xt(
+  } = e, { value: l, ...d } = u, [_, h] = Ye(
     t,
     c,
     l ?? ""
-  ), { disabled: f } = I(
+  ), { disabled: f } = L(
     t,
-    r
-  ), x = (d == null ? void 0 : d.disabled) ?? f, m = k(() => i && (d != null && d.label) ? `${d.label} *` : (d == null ? void 0 : d.label) ?? "", [d == null ? void 0 : d.label, i]), y = (p) => h(p.target.value);
+    n
+  ), x = (d == null ? void 0 : d.disabled) ?? f, m = S(() => i && (d != null && d.label) ? `${d.label} *` : (d == null ? void 0 : d.label) ?? "", [d == null ? void 0 : d.label, i]), y = (g) => h(g.target.value);
   return /* @__PURE__ */ a.jsx(
-    kn,
+    On,
     {
       ...d,
-      className: sa.textareaNotFront,
+      className: la.textareaNotFront,
       label: m,
       value: _,
       disabled: x,
-      onChange: (p) => !x && y(p)
+      onChange: (g) => !x && y(g)
     }
   );
-}, aa = "_textFieldNotFront_1n8fy_1", ca = {
-  textFieldNotFront: aa
-}, ia = (e) => {
+}, ua = "_textFieldNotFront_1n8fy_1", _a = {
+  textFieldNotFront: ua
+}, ha = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     component: s,
     hash: o,
     responseKey: c,
     required: i,
-    dependencies: r,
+    dependencies: n,
     ...u
-  } = e, { value: l, ...d } = u, [_, h] = Xt(
+  } = e, { value: l, ...d } = u, [_, h] = Ye(
     t,
     c,
     l ?? ""
-  ), { disabled: f } = I(
+  ), { disabled: f } = L(
     t,
-    r
-  ), x = (d == null ? void 0 : d.disabled) ?? f, m = k(() => i && (d != null && d.label) ? `${d == null ? void 0 : d.label} *` : (d == null ? void 0 : d.label) ?? "", [d == null ? void 0 : d.label, i]), y = (p) => h(p.target.value);
+    n
+  ), x = (d == null ? void 0 : d.disabled) ?? f, m = S(() => i && (d != null && d.label) ? `${d == null ? void 0 : d.label} *` : (d == null ? void 0 : d.label) ?? "", [d == null ? void 0 : d.label, i]), y = (g) => h(g.target.value);
   return /* @__PURE__ */ a.jsx(
-    On,
+    Rn,
     {
       ...d,
-      className: ca.textFieldNotFront,
+      className: _a.textFieldNotFront,
       allowClear: !1,
       label: m,
       value: _,
       disabled: x,
-      onChange: (p) => !x && y(p)
+      onChange: (g) => !x && y(g)
     }
   );
-}, la = ({
+}, fa = ({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   variant: s,
   content: o,
   actionType: c,
   redirectUrl: i
 }) => {
-  const r = D(async () => {
+  const n = R(async () => {
     Ve(e);
     try {
       switch (c) {
@@ -3632,8 +3678,8 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     } catch (u) {
       console.error("Error in toast action:", u), alert(JSON.stringify(u));
     }
-  }, [c, t, n, e, i]);
-  return G(() => {
+  }, [c, t, r, e, i]);
+  return U(() => {
     ({
       info: de.info,
       error: de.error,
@@ -3642,34 +3688,34 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     }[s] || de.info)(o, {
       autoClose: c ? !1 : 4e3,
       containerId: e,
-      onClose: r
+      onClose: n
     });
-  }, [r, e]), null;
-}, da = "_tooltipNotFront_106iw_1", ua = "_tooltipNotFront_content_106iw_5", Ct = {
-  tooltipNotFront: da,
-  tooltipNotFront_content: ua
-}, _a = (e) => {
+  }, [n, e]), null;
+}, xa = "_tooltipNotFront_106iw_1", ya = "_tooltipNotFront_content_106iw_5", wt = {
+  tooltipNotFront: xa,
+  tooltipNotFront_content: ya
+}, ma = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     component: s,
     hash: o,
     responseKey: c,
     content: i,
-    label: r,
+    label: n,
     placement: u,
     notShowArrow: l,
     visible: d
   } = e, _ = T(
     t,
-    n,
+    r,
     i != null && i.length ? i : null
-  ), h = _ && _.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: Ct.tooltipNotFront_content, children: _.map((f, x) => /* @__PURE__ */ a.jsx(A, { children: f }, `tooltip-${o}-${x}`)) }) : null;
+  ), h = _ && _.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: wt.tooltipNotFront_content, children: _.map((f, x) => /* @__PURE__ */ a.jsx(A, { children: f }, `tooltip-${o}-${x}`)) }) : null;
   return /* @__PURE__ */ a.jsx(
-    Rn,
+    Dn,
     {
-      className: Ct.tooltipNotFront,
-      label: r,
+      className: wt.tooltipNotFront,
+      label: n,
       placement: u,
       notShowArrow: l,
       visible: d,
@@ -3677,33 +3723,33 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     }
   );
 };
-function Ra({
+function Ka({
   sessionName: e,
   apiConfig: t,
-  onResolveComponentProps: n,
+  onResolveComponentProps: r,
   children: s
 }) {
-  const o = ma(
+  const o = va(
     e,
     t,
     null,
-    n
+    r
   );
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     o,
     s
   ] });
 }
-const ha = { api: "", headers: {} }, fa = ({
+const ga = { api: "", headers: {} }, pa = ({
   userFlow: e,
   components: t,
-  hash: n,
+  hash: r,
   apiConfig: s
 }) => {
-  const o = n ?? `${e}-page`;
+  const o = r ?? `${e}-page`;
   O(() => {
     var u, l;
-    return (l = (u = v.getState()[e]) == null ? void 0 : u.pages) != null && l[o] || be(e, s ?? ha, {
+    return (l = (u = v.getState()[e]) == null ? void 0 : u.pages) != null && l[o] || be(e, s ?? ga, {
       type: "page",
       hash: o,
       body: { components: t }
@@ -3712,106 +3758,150 @@ const ha = { api: "", headers: {} }, fa = ({
   const c = T(e, o, t);
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: c });
 };
-function xa(e) {
+function ba(e) {
   if (e == null || typeof e != "object" || !("components" in e) || !Array.isArray(e.components))
     throw new Error(
       "[renderNotFront] payload.display must be an object with a `components` array"
     );
   return e.components;
 }
-const ya = ({ payload: e, userFlow: t }) => {
-  const n = xa(e.display), s = fa({
+const ja = ({ payload: e, userFlow: t }) => {
+  const r = ba(e.display), s = pa({
     userFlow: t,
     hash: e.id,
-    components: n
+    components: r
   });
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: s });
-}, Da = ya, wt = (e, t, n, s, o) => {
-  const c = T(
+}, Ua = ja, vt = (e, t, r, s, {
+  onResolveComponentProps: o,
+  embedded: c
+} = {}) => {
+  const i = T(
     e,
     t,
     (s == null ? void 0 : s.components) || null,
     o
   );
-  switch (n) {
+  switch (r) {
     case "body":
       return /* @__PURE__ */ a.jsx(
-        Ar,
+        Dr,
         {
           ...s,
-          inputs: c || []
+          inputs: i || [],
+          embedded: c
         },
         JSON.stringify(s == null ? void 0 : s.components)
       );
     case "header":
       return /* @__PURE__ */ a.jsx(
-        Zs,
+        no,
         {
           ...s,
-          components: c || []
+          components: i || []
         },
         JSON.stringify(s == null ? void 0 : s.components)
       );
     default:
       return null;
   }
-}, ma = (e, t, n, s) => {
-  var w;
-  const [o, c] = O(!1), i = !!(t != null && t.api && !n && e), [r, u] = O(i), l = v((g) => g[e]), d = l == null ? void 0 : l.currentPageId, _ = (l == null ? void 0 : l.isLoading) ?? !1, h = r || _, f = d ? (w = l == null ? void 0 : l.pages[d]) == null ? void 0 : w.page : void 0, x = (f == null ? void 0 : f.type) === "page" ? f.headerNavigation : void 0, m = (f == null ? void 0 : f.header) ?? null, y = !!m || !x;
-  G(() => {
+}, Ca = (e) => ({
+  id: e.id,
+  label: e.label,
+  icon: e.icon,
+  disabled: e.disabled,
+  showBadge: e.showBadge,
+  badgeAriaLabel: e.badgeAriaLabel,
+  href: e.actionType === "REDIRECT" ? e.redirectUrl : void 0
+}), Na = (e, t, r = []) => {
+  const s = Je(
+    e,
+    t
+  ), o = (c, i) => {
+    const n = r.flat().find(({ id: u }) => u === c.id);
+    (n == null ? void 0 : n.actionType) === "GO_TO_NEXT_UI" && (i.preventDefault(), s(n));
+  };
+  return {
+    sections: r.map((c) => c.map(Ca)),
+    onItemClick: o
+  };
+}, wa = ({
+  userFlow: e,
+  responseKey: t,
+  sections: r,
+  activeId: s,
+  persistenceKey: o,
+  ariaLabel: c,
+  children: i
+}) => {
+  const n = Na(
+    e,
+    t,
+    r
+  );
+  return /* @__PURE__ */ a.jsx(
+    In,
+    {
+      ...n,
+      activeId: s,
+      persistenceKey: o,
+      "aria-label": c,
+      children: i
+    }
+  );
+}, va = (e, t, r, s) => {
+  var p;
+  const [o, c] = O(!1), i = !!(t != null && t.api && !r && e), [n, u] = O(i), l = v((C) => C[e]), d = l == null ? void 0 : l.currentPageId, _ = (l == null ? void 0 : l.isLoading) ?? !1, h = n || _, f = d ? (p = l == null ? void 0 : l.pages[d]) == null ? void 0 : p.page : void 0, x = (f == null ? void 0 : f.type) === "page" ? f.headerNavigation : void 0, m = (f == null ? void 0 : f.type) === "page" ? f.contextualNavigation : void 0, y = (f == null ? void 0 : f.header) ?? null, g = !!y || !x;
+  U(() => {
     if (typeof window > "u") return;
-    const g = new URL(window.location.href), C = g.searchParams.get("sessionId");
-    C && (Me(C), g.searchParams.delete("sessionId"), window.history.replaceState({}, "", g.toString()));
+    const C = new URL(window.location.href), N = C.searchParams.get("sessionId");
+    N && (ze(N), C.searchParams.delete("sessionId"), window.history.replaceState({}, "", C.toString()));
   }, []);
-  const p = wt(
-    e,
-    d ?? "",
-    "header",
-    m,
-    s
-  ), j = wt(
+  const j = vt(e, d ?? "", "header", y, {
+    onResolveComponentProps: s
+  }), b = vt(
     e,
     d ?? "",
     "body",
     (f == null ? void 0 : f.body) ?? null,
-    s
-  ), b = async () => {
+    { onResolveComponentProps: s, embedded: !!m }
+  ), w = async () => {
     try {
-      const g = await qt(
+      const C = await Ht(
         t,
         e
-      ), C = g == null ? void 0 : g.data, N = C == null ? void 0 : C.content;
-      (g == null ? void 0 : g.status) === 200 ? be(
+      ), N = C == null ? void 0 : C.data, E = N == null ? void 0 : N.content;
+      (C == null ? void 0 : C.status) === 200 ? be(
         e,
         t,
-        N,
-        C == null ? void 0 : C.sessionState,
-        C == null ? void 0 : C.sessionId
+        E,
+        N == null ? void 0 : N.sessionState,
+        N == null ? void 0 : N.sessionId
       ) : c(!0);
-    } catch (g) {
-      console.error("[not-page]: API call failed", g), c(!0);
+    } catch (C) {
+      console.error("[not-page]: API call failed", C), c(!0);
     } finally {
       u(!1);
     }
   };
-  return G(() => {
-    t != null && t.api && !n && e ? b() : !(t != null && t.api) && n && e || t != null && t.api && n && e ? be(e, t, n) : (!(t != null && t.api) && !n || !e) && (c(!0), console.error(
+  return U(() => {
+    t != null && t.api && !r && e ? w() : !(t != null && t.api) && r && e || t != null && t.api && r && e ? be(e, t, r) : (!(t != null && t.api) && !r || !e) && (c(!0), console.error(
       "[not-page]: API call failed",
       "not api config",
       "not userFlow"
     ));
-    const g = "avocado-theme-mode-changed", C = (N) => {
-      const E = N.detail;
-      fe.setThemeMode(E);
+    const C = "avocado-theme-mode-changed", N = (E) => {
+      const I = E.detail;
+      fe.setThemeMode(I);
     };
-    return window.addEventListener(g, C), () => {
-      window.removeEventListener(g, C);
+    return window.addEventListener(C, N), () => {
+      window.removeEventListener(C, N);
     };
   }, []), o && console.error("[not-page]: No render page"), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    h && /* @__PURE__ */ a.jsx(Dn, {}),
-    d && y ? p : null,
+    h && /* @__PURE__ */ a.jsx($n, {}),
+    d && g ? j : null,
     d && x && /* @__PURE__ */ a.jsx(
-      Mt,
+      zt,
       {
         ...x,
         userFlow: e,
@@ -3819,21 +3909,29 @@ const ya = ({ payload: e, userFlow: t }) => {
         onResolveComponentProps: s
       }
     ),
-    d ? j : null,
-    d && /* @__PURE__ */ a.jsx(so, { userFlow: e, pageId: d }),
-    l && /* @__PURE__ */ a.jsx($n, {})
+    d && (m ? /* @__PURE__ */ a.jsx(
+      wa,
+      {
+        ...m,
+        userFlow: e,
+        children: b
+      },
+      m.hash
+    ) : b),
+    d && /* @__PURE__ */ a.jsx(lo, { userFlow: e, pageId: d }),
+    l && /* @__PURE__ */ a.jsx(Ln, {})
   ] });
 };
 export {
-  vs as Chart,
-  Ra as NotFrontPage,
-  ya as RenderNotFront,
-  yo as Row,
-  Oa as clearSessionId,
-  xa as extractNotFrontComponents,
-  ar as heading,
-  Da as renderNotFront,
-  cr as text,
-  fa as useNotFrontFragment,
-  ma as usePage
+  As as Chart,
+  Ka as NotFrontPage,
+  ja as RenderNotFront,
+  jo as Row,
+  Ha as clearSessionId,
+  ba as extractNotFrontComponents,
+  ir as heading,
+  Ua as renderNotFront,
+  lr as text,
+  pa as useNotFrontFragment,
+  va as usePage
 };