@foris/avocado-not-front 8.0.0 → 8.0.1

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

@@ -1,29 +1,29 @@
 import V 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 vt, Text as Et, 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 Tt, Checkbox as yn, PreviewerMarkdown as At, DataCard as kt, Divider as mn, Drawer as gn, FileUpload as pn, DropdownButton as bn, HeaderNavigation as jn, Link as Cn, Menu as wn, Modal as Nn, Pill as Le, 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, Loading as $n, Toaster as In } from "@foris/avocado-suite";
+import { ChatPanel as Ln, PromptCodeEditor as qn, SummaryCard as Bn } 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) => {
+import { ResponsiveContainer as Ke, Legend as Hn, Tooltip as Kn, XAxis as Un, YAxis as Gn, AreaChart as Mn, CartesianGrid as re, Area as St, BarChart as Ue, Bar as Ne, ComposedChart as Vn, Line as Ot, PieChart as Rt, Pie as Dt, Cell as $t, Sector as at, LineChart as zn } from "recharts";
+import Xn from "@uiw/react-codemirror";
+import { json as ct } from "@codemirror/lang-json";
+import { markdown as Wn } from "@codemirror/lang-markdown";
+import { sql as Jn } from "@codemirror/lang-sql";
+import { yaml as Yn } from "@codemirror/lang-yaml";
+import { Icon as it } from "@foris/avocado-icons";
+const Ge = "sessionId", Qn = () => sessionStorage.getItem(Ge), Me = (e) => {
+  e && sessionStorage.setItem(Ge, e);
+}, $a = () => {
+  sessionStorage.removeItem(Ge);
+}, v = nn(() => ({})), be = (e, t, r, s, o) => {
   Me(o);
-  const c = n == null ? void 0 : n.hash, i = s && Object.keys(s).length > 0 ? { ...s } : {};
-  v.setState((r) => {
+  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;
+}, It = (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,
+}, Zn = (e, t, r, s, o) => {
+  Me(r), v.setState((c) => {
+    const i = c[e] ?? {}, n = i.entries ?? {}, u = It(
+      n,
       s,
       o
     );
@@ -69,12 +69,12 @@ const Ue = "sessionId", Yn = () => sessionStorage.getItem(Ue), Me = (e) => {
       }
     };
   });
-}, Zn = (e, t, n, s) => {
+}, Fn = (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 = It(
       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,54 +99,54 @@ 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;
+}, Pn = (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" ? Zn(
     e,
-    n,
+    r,
     s,
     o,
     c
-  ) : Zn(
+  ) : Fn(
     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];
+}, er = (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
@@ -154,34 +154,34 @@ const Ue = "sessionId", Yn = () => sessionStorage.getItem(Ue), Me = (e) => {
     };
   });
 }, F = (e, t) => {
-  v.setState((n) => ({
-    ...n,
+  v.setState((r) => ({
+    ...r,
     [e]: {
-      ...n[e],
+      ...r[e],
       isLoading: t
     }
   }));
 }, ze = (e, t) => {
-  v.setState((n) => ({
-    ...n,
+  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];
+}, lt = (e, t) => {
+  v.setState((r) => {
+    const s = r[e];
     return s ? {
-      ...n,
+      ...r,
       [e]: {
         ...s,
         apiConfig: {
@@ -189,24 +189,24 @@ 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 = [], dt = !1;
+const tr = (e) => e._userFlow || null, ut = (e) => {
+  Ce.forEach(({ resolve: t, reject: r }) => {
+    e ? r(e) : t(void 0);
   }), Ce = [];
-}, tr = async (e) => {
+}, nr = 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 = tr(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 });
@@ -214,13 +214,13 @@ const er = (e) => e._userFlow || null, dt = (e) => {
         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" ? lt(c, JSON.stringify(l)) : lt(c, l)), t.headers || (t.headers = {}), Object.assign(t.headers, l), ut(null), V(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);
+          ), ut(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) {
+}, rr = () => {
+  if (dt) {
     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..."), V.interceptors.response.use(void 0, nr), console.debug("[axiosInterceptors] Response error interceptor registered"), dt = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
 };
-nr();
-function rr(e) {
+rr();
+function sr(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 _t;
+function or() {
+  if (_t) return ue;
+  _t = 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 ht;
+function ar() {
+  return ht || (ht = 1, Re.exports = or()), Re.exports;
 }
-var a = or();
-const ar = (e) => {
+var a = ar();
+const cr = (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(vt, { ...t });
+}, ir = (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(Et, { ...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(pr, { ...n, userFlow: e, pageId: t }),
+    aiChatPanel: (n) => /* @__PURE__ */ a.jsx(
+      br,
       {
-        ...r,
+        ...n,
         userFlow: e,
         pageId: t,
         onResolveProps: s == null ? void 0 : s.aiChatPanel
       }
     ),
-    aiSummaryCard: (r) => /* @__PURE__ */ a.jsx(
-      vr,
+    aiSummaryCard: (n) => /* @__PURE__ */ a.jsx(
+      Er,
       {
-        ...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(Rr, { ...n, userFlow: e, pageId: t }),
+    breadcrumbs: (n) => /* @__PURE__ */ a.jsx(Vr, { ...n, userFlow: e, pageId: t }),
+    tooltip: (n) => /* @__PURE__ */ a.jsx(xa, { ...n, userFlow: e, pageId: t }),
+    textarea: (n) => /* @__PURE__ */ a.jsx(ia, { ...n, userFlow: e, pageId: t }),
+    card: (n) => /* @__PURE__ */ a.jsx(Qr, { ...n, userFlow: e, pageId: t }),
+    dropdownButton: (n) => /* @__PURE__ */ a.jsx(Zs, { ...n, userFlow: e, pageId: t }),
+    menu: (n) => /* @__PURE__ */ a.jsx(ro, { ...n, userFlow: e, pageId: t }),
+    radioGroup: (n) => /* @__PURE__ */ a.jsx(Ur, { ...n, userFlow: e, pageId: t }),
+    stepper: (n) => /* @__PURE__ */ a.jsx(Gr, { ...n, userFlow: e, pageId: t }),
+    progressBar: (n) => /* @__PURE__ */ a.jsx(Mr, { ...n, userFlow: e, pageId: t }),
+    button: (n) => /* @__PURE__ */ a.jsx(zr, { ...n, userFlow: e, pageId: t }),
+    cardAccordion: (n) => /* @__PURE__ */ a.jsx(Wr, { ...n, userFlow: e, pageId: t }),
+    cardNotification: (n) => /* @__PURE__ */ a.jsx(Zr, { ...n, userFlow: e, pageId: t }),
+    chart: (n) => /* @__PURE__ */ a.jsx(Es, { ...n, userFlow: e }),
+    dataCard: (n) => /* @__PURE__ */ a.jsx(Us, { ...n, userFlow: e, pageId: t }),
+    checkbox: (n) => /* @__PURE__ */ a.jsx(Ts, { ...n, userFlow: e, pageId: t }),
+    code: (n) => /* @__PURE__ */ a.jsx($s, { ...n, userFlow: e, pageId: t }),
+    divider: (n) => /* @__PURE__ */ a.jsx(Vs, { ...n }),
+    drawer: (n) => /* @__PURE__ */ a.jsx(Js, { ...n, userFlow: e, pageId: t }),
+    fileUpload: (n) => /* @__PURE__ */ a.jsx(Qs, { ...n, userFlow: e, pageId: t }),
+    heading: (n) => cr(n),
+    headerNavigation: (n) => /* @__PURE__ */ a.jsx(
+      Vt,
       {
-        ...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(no, { ...n, userFlow: e, pageId: t }),
+    pill: (n) => /* @__PURE__ */ a.jsx(fo, { ...n }),
+    previewerMarkdown: (n) => /* @__PURE__ */ a.jsx(xo, { ...n }),
+    modal: (n) => /* @__PURE__ */ a.jsx(ao, { ...n, userFlow: e, pageId: t }),
+    roundButton: (n) => /* @__PURE__ */ a.jsx(yo, { ...n, userFlow: e, pageId: t }),
+    row: (n) => /* @__PURE__ */ a.jsx(po, { ...n, userFlow: e, pageId: t }),
+    select: (n) => /* @__PURE__ */ a.jsx(To, { ...n, userFlow: e, pageId: t }),
+    switch: (n) => /* @__PURE__ */ a.jsx(Bo, { ...n, userFlow: e, pageId: t }),
+    spacing: (n) => /* @__PURE__ */ a.jsx(qo, { ...n, userFlow: e, pageId: t }),
+    table: (n) => /* @__PURE__ */ a.jsx(ta, { ...n, userFlow: e, pageId: t }),
+    tabs: (n) => /* @__PURE__ */ a.jsx(oa, { ...n, userFlow: e, pageId: t }),
+    text: (n) => ir(n),
+    textField: (n) => /* @__PURE__ */ a.jsx(ua, { ...n, userFlow: e, pageId: t }),
+    toast: (n) => /* @__PURE__ */ a.jsx(_a, { ...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 lr(e) {
   return !!(e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0);
 }
-function It(e, t) {
+function Lt(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 (lr(s))
         return !0;
     }
   return !1;
 }
 function I(e, t) {
-  const n = v((s) => {
+  const r = v((s) => {
     var o;
     return (o = s[e]) == null ? void 0 : o.entries;
   });
-  return k(
+  return S(
     () => ({
-      disabled: It(n, t)
+      disabled: Lt(r, t)
     }),
-    [t, n]
+    [t, r]
   );
 }
 const se = (e) => {
@@ -410,7 +411,7 @@ 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(), dr = (e, t = {}, r = {}, s = !1, o) => {
   const c = xe();
   s && c.abort();
   const i = se(t);
@@ -419,20 +420,20 @@ const se = (e) => {
       headers: {
         ...i
       },
-      params: n,
+      params: r,
       signal: c.signal,
       _userFlow: o
     }),
     controller: c
   };
-}, qe = (e, t = {}, n = {}, s = {}, o = !1, c) => {
+}, qe = (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: V.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) => {
+}, ur = (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: V.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) => {
+}, _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.patch(e, n, {
+    call: V.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) => {
+}, 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.delete(e, {
       headers: {
-        ...r
+        ...n
       },
-      data: n,
+      data: r,
       params: s,
       signal: i.signal,
       _userFlow: c
     }),
     controller: i
   };
-}, Lt = () => {
+}, qt = () => {
   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 = {}) => {
+}, Bt = 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 } = qt(), { api: i, headers: n } = e, u = Qn(), 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 = qe(
       d,
       _,
       s,
@@ -516,7 +517,7 @@ const se = (e) => {
   } catch (c) {
     return console.error(c), Promise.reject(c);
   }
-}, Bt = (e) => {
+}, Ht = (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) {
+}, fr = (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) => {
+}, xr = (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;
+}, Xe = (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 = fr(e, t, r, o), d = xr(e, s, o);
     return {
       type: "rest",
       url: l,
-      method: Bt(r),
+      method: Ht(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 yr(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,14 +612,14 @@ 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 } = qt(), 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 && F(u, !0), await Bt(
         x,
         u,
         l,
@@ -629,18 +630,18 @@ const K = () => {
     }
   }, s = (u, l) => {
     const { url: d, headers: _, data: h, params: f } = u;
-    switch (Bt(u.method)) {
+    switch (Ht(u.method)) {
       case "post":
         return qe(d, _, h, {}, !1, l);
       case "put":
-        return dr(d, _, h, {}, !1, l);
-      case "patch":
         return ur(d, _, h, {}, !1, l);
+      case "patch":
+        return _r(d, _, h, {}, !1, l);
       case "delete":
-        return _r(d, _, h, f, !1, l);
+        return hr(d, _, h, f, !1, l);
       case "get":
       default:
-        return lr(d, _, f, !1, l);
+        return dr(d, _, f, !1, l);
     }
   }, o = (u, l) => {
     const { url: d, headers: _ } = u, h = {
@@ -693,13 +694,13 @@ const K = () => {
     }
   };
   return {
-    getNextUI: n,
+    getNextUI: r,
     fetchDataSource: c,
     fetchAndGetNextUI: async (u, l, d, _, h) => {
       try {
         F(u, !0);
         const f = await c(h, u, !1);
-        return f && await n(
+        return f && await r(
           u,
           l,
           d,
@@ -712,48 +713,48 @@ const K = () => {
         ), f;
       }
     },
-    runGetDataSource: (u, l, d, _) => xr(
+    runGetDataSource: (u, l, d, _) => yr(
       u,
       l,
       d,
       _,
-      n,
+      r,
       c
     )
   };
-}, yr = "_accordion_1ri2t_1", mr = "_accordionBody_1ri2t_8", ht = {
-  accordion: yr,
-  accordionBody: mr
-}, gr = (e) => {
+}, mr = "_accordion_1ri2t_1", gr = "_accordionBody_1ri2t_8", ft = {
+  accordion: mr,
+  accordionBody: gr
+}, pr = (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(
     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;
+      var C;
       try {
         const g = b.target.checked;
         _(g);
-        const C = {
-          ...(w = v.getState()[t]) == null ? void 0 : w.entries,
+        const w = {
+          ...(C = v.getState()[t]) == null ? void 0 : C.entries,
           [s]: g
         };
-        if (B(t, C), u.actionType === "GO_TO_NEXT_UI") {
+        if (B(t, w), u.actionType === "GO_TO_NEXT_UI") {
           const N = await l(
             t,
-            n,
-            C,
+            r,
+            w,
             s
           );
           N != null && N.data && H(t, N == null ? void 0 : N.data);
@@ -762,28 +763,28 @@ const K = () => {
         console.error("Error in accordion checkbox action:", g), alert(JSON.stringify(g));
       }
     },
-    [t, n, s, u.actionType, l]
+    [t, r, s, u.actionType, l]
   ), p = u.disabled || h, j = {
     ...u,
-    className: ht.accordion,
+    className: ft.accordion,
     disabled: p,
     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
+    actionContent: x ? /* @__PURE__ */ a.jsx(a.Fragment, { children: x.map((b, C) => /* @__PURE__ */ a.jsx(A, { children: b }, `accordion-action-${C}`)) }) : void 0,
+    customContent: m ? /* @__PURE__ */ a.jsx(a.Fragment, { children: m.map((b, C) => /* @__PURE__ */ a.jsx(A, { children: b }, `accordion-custom-${C}`)) }) : void 0,
+    children: f ? /* @__PURE__ */ a.jsx("section", { className: ft.accordionBody, children: f.map((b, C) => /* @__PURE__ */ a.jsx(A, { children: b }, `accordion-child-${C}`)) }) : void 0
   };
   return /* @__PURE__ */ a.jsx(an, { ...j });
-}, pr = (e) => {
-  const t = fe.useThemeStore((i) => i.theme.mode), n = e.dataSource, s = k(() => ({
+}, br = (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,
+    Ln,
     {
       dataSource: s,
       locale: o,
@@ -816,17 +817,17 @@ const K = () => {
       theme: t
     }
   );
-}, br = "_promptCodeEditor_1d57s_1", jr = {
-  promptCodeEditor: br
-}, Cr = (e) => {
+}, jr = "_promptCodeEditor_1d57s_1", Cr = {
+  promptCodeEditor: jr
+}, 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
@@ -836,21 +837,21 @@ const K = () => {
     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
+    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
+    const C = {
+      [r]: b
     };
-    B(t, w);
+    B(t, C);
   };
-  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: Cr.promptCodeEditor, children: /* @__PURE__ */ a.jsx(
+    qn,
     {
       themeMode: _,
       requestConfig: p,
@@ -863,59 +864,59 @@ const K = () => {
       onCodeChange: j
     }
   ) });
-}, wr = "_summaryCard_jva4h_1", Nr = {
-  summaryCard: wr
-}, vr = (e) => {
-  const t = e.dataSource, n = k(() => ({
+}, Nr = "_summaryCard_jva4h_1", vr = {
+  summaryCard: Nr
+}, Er = (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: vr.summaryCard, children: /* @__PURE__ */ a.jsx(
+    Bn,
     {
-      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 = {
+}, Tr = "_body_14tsv_1", Ar = "_body_content_14tsv_5", xt = {
+  body: Tr,
+  body_content: Ar
+}, kr = ({ inputs: e }) => /* @__PURE__ */ a.jsx("section", { className: xt.body, children: /* @__PURE__ */ a.jsx("div", { className: xt.body_content, children: e.map((t, r) => /* @__PURE__ */ a.jsx(A, { children: t }, r)) }) }), Sr = "_boxNotFront_67q2e_1", Or = "_slotStack_67q2e_5", yt = {
   boxNotFront: Sr,
-  slotStack: kr
-}, Or = (e) => {
+  slotStack: Or
+}, Rr = (e) => {
   const {
     userFlow: t,
-    pageId: n,
+    pageId: r,
     component: s,
     hash: o,
     responseKey: c,
     content: i
-  } = e, r = fe.useThemeStore((d) => d.theme.mode) === "dark", u = T(
+  } = e, n = fe.useThemeStore((d) => d.theme.mode) === "dark", u = T(
     t,
-    n,
+    r,
     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 });
+  ), l = u && u.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: yt.slotStack, children: u.map((d, _) => /* @__PURE__ */ a.jsx(A, { children: d }, `box-${o}-${_}`)) }) : null;
+  return /* @__PURE__ */ a.jsx(cn, { className: yt.boxNotFront, darkMode: n, children: l });
 };
 var De = { exports: {} };
 /*!
@@ -923,12 +924,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 Dr() {
+  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 +938,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,27 +953,27 @@ 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 $r = Dr();
+const te = /* @__PURE__ */ sr($r), Ir = "_fieldset_1xrth_1", Lr = "_fieldsetColumn_1xrth_8", qr = "_legend_1xrth_14", Br = "_options_1xrth_20", Hr = "_optionsRow_1xrth_25", Kr = "_optionsColumn_1xrth_36", P = {
+  fieldset: Ir,
+  fieldsetColumn: Lr,
+  legend: qr,
+  options: Br,
+  optionsRow: Hr,
+  optionsColumn: Kr
+}, Ur = (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
@@ -981,25 +982,25 @@ const te = /* @__PURE__ */ rr(Dr), $r = "_fieldset_1xrth_1", Ir = "_fieldsetColu
     u
   ), x = v(
     (b) => {
-      var w, g;
-      return (g = (w = b[t]) == null ? void 0 : w.entries) == null ? void 0 : g[s];
+      var C, g;
+      return (g = (C = b[t]) == null ? void 0 : C.entries) == null ? void 0 : g[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, p = S(() => o ? i ? `${o} *` : o : null, [o, i]), j = R(
     async (b) => {
-      var w;
+      var C;
       if (!y)
         try {
           const g = {
-            ...(w = v.getState()[t]) == null ? void 0 : w.entries,
+            ...(C = v.getState()[t]) == null ? void 0 : C.entries,
             [s]: b
           };
-          if (B(t, g), r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
+          if (B(t, g), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
             const E = await h(
               t,
-              n,
+              r,
               g,
               s,
-              r === "GO_TO_NEXT_UI"
+              n === "GO_TO_NEXT_UI"
             );
             E != null && E.data && H(t, E == null ? void 0 : E.data);
           }
@@ -1008,10 +1009,10 @@ const te = /* @__PURE__ */ rr(Dr), $r = "_fieldset_1xrth_1", Ir = "_fieldsetColu
         }
     },
     [
-      r,
+      n,
       h,
       y,
-      n,
+      r,
       s,
       t
     ]
@@ -1054,28 +1055,28 @@ const te = /* @__PURE__ */ rr(Dr), $r = "_fieldset_1xrth_1", Ir = "_fieldsetColu
 }, Gr = ({
   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 }), Mr = ({
   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 }), Kt = (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 +1087,25 @@ const te = /* @__PURE__ */ rr(Dr), $r = "_fieldset_1xrth_1", Ir = "_fieldsetColu
         alert(JSON.stringify(i));
       }
     },
-    [t, n, e]
+    [t, r, e]
   );
-}, Mr = ({
+}, Vr = ({
   userFlow: e,
   items: t,
-  responseKey: n
+  responseKey: r
 }) => {
-  const s = Ht(
+  const s = Kt(
     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,16 +1115,16 @@ 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 (!Lt(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":
@@ -1136,11 +1137,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 +1151,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 +1164,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 +1175,7 @@ function oe(e, t) {
               await c(
                 e,
                 t,
-                r,
+                n,
                 m
               );
               break;
@@ -1192,53 +1193,53 @@ function oe(e, t) {
     [
       o,
       s,
-      n,
+      r,
       t,
       c,
       e
     ]
   );
 }
-const Vr = (e) => {
+const zr = (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 } = I(
     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, p] = O(!1), j = he(!1), b = R(async () => {
     if (j.current)
       return;
-    const w = o === "FETCH_DATA_SOURCE";
-    w && (j.current = !0, p(!0));
+    const C = o === "FETCH_DATA_SOURCE";
+    C && (j.current = !0, p(!0));
     try {
       await h({
         responseKey: s,
         actionType: o,
-        dataSource: r,
+        dataSource: n,
         redirectUrl: u,
         dependencies: l
       });
     } catch (g) {
       console.error("[ButtonNotFront] Action failed:", g);
     } finally {
-      w && (j.current = !1, p(!1));
+      C && (j.current = !1, p(!1));
     }
   }, [
     o,
-    r,
+    n,
     l,
     u,
     s,
@@ -1253,17 +1254,17 @@ const Vr = (e) => {
       onClick: () => !m && !y && (d ?? b)()
     }
   );
-}, zr = "_slotStack_12u4t_5", Be = {
-  slotStack: zr
-}, Xr = (e) => {
+}, Xr = "_slotStack_12u4t_5", Be = {
+  slotStack: Xr
+}, Wr = (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(
@@ -1271,11 +1272,11 @@ const Vr = (e) => {
     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;
   return /* @__PURE__ */ a.jsx(
@@ -1287,18 +1288,18 @@ const Vr = (e) => {
       children: f ?? null
     }
   );
-}, Wr = "_cardNotFront_2xt48_1", Jr = "_slotStack_2xt48_5", mt = {
-  cardNotFront: Wr,
-  slotStack: Jr
-}, Yr = (e) => {
+}, Jr = "_cardNotFront_2xt48_1", Yr = "_slotStack_2xt48_5", gt = {
+  cardNotFront: Jr,
+  slotStack: Yr
+}, Qr = (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,
@@ -1309,14 +1310,14 @@ const Vr = (e) => {
     h
   ), j = u ?? p, 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 () => {
-    var C;
+  ), C = b && b.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: gt.slotStack, children: b.map((w, N) => /* @__PURE__ */ a.jsx(A, { children: w }, `card-body-${o}-${N}`)) }) : null, g = R(async () => {
+    var w;
     if (!(!l || j))
       try {
         const N = {
-          ...(C = v.getState()[t]) == null ? void 0 : C.entries,
+          ...(w = v.getState()[t]) == null ? void 0 : w.entries,
           [c]: { status: 200 }
         };
         switch (B(t, N), l) {
@@ -1333,7 +1334,7 @@ const Vr = (e) => {
           case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
             const L = await f(
               t,
-              n,
+              r,
               N,
               c,
               l === "GO_TO_NEXT_UI"
@@ -1344,7 +1345,7 @@ const Vr = (e) => {
           case "FETCH_AND_GO_TO_NEXT_UI": {
             const E = await m(
               t,
-              n,
+              r,
               N,
               c,
               d
@@ -1355,7 +1356,7 @@ const Vr = (e) => {
           case "GET_DATA_SOURCE": {
             await y(
               t,
-              n,
+              r,
               c,
               N
             );
@@ -1377,7 +1378,7 @@ const Vr = (e) => {
     m,
     x,
     f,
-    n,
+    r,
     _,
     c,
     y,
@@ -1386,37 +1387,37 @@ const Vr = (e) => {
   return /* @__PURE__ */ a.jsx(
     xn,
     {
-      className: mt.cardNotFront,
-      colorId: r,
+      className: gt.cardNotFront,
+      colorId: n,
       disabled: j,
       onClick: l && !j ? () => void g() : void 0,
-      children: w
+      children: C
     }
   );
-}, Qr = (e) => {
+}, Zr = (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,
+    n ? /* @__PURE__ */ a.jsx(Et, { 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, Fr = (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,12 +1430,12 @@ 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(
@@ -1447,43 +1448,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 }) });
+  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(Ke, { width: "100%", height: i, children: /* @__PURE__ */ a.jsx(o, { data: s, ...n, children: c }) });
 }, z = ({ withPadding: e = !1 }) => {
-  const t = (n) => /* @__PURE__ */ a.jsx("span", { style: { color: S.labelColor }, children: n });
+  const t = (r) => /* @__PURE__ */ a.jsx("span", { style: { color: k.labelColor }, children: r });
   return /* @__PURE__ */ a.jsx(
-    Bn,
+    Hn,
     {
       formatter: t,
       wrapperStyle: {
-        fontSize: S.fontSize,
-        fontFamily: S.fontFamily,
+        fontSize: k.fontSize,
+        fontFamily: k.fontFamily,
         padding: e ? "1rem 0" : "0"
       }
     }
   );
-}, Fr = ({
+}, Pr = ({
   active: e,
   payload: t,
-  label: n,
+  label: r,
   tooltipKey: s,
   tooltipCoverage: o
 }) => {
@@ -1491,9 +1492,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 +1503,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,
+  Kn,
   {
-    defaultIndex: n,
+    defaultIndex: r,
     cursor: s ? !1 : void 0,
     content: s ? () => null : (o) => /* @__PURE__ */ a.jsx(
-      Fr,
+      Pr,
       {
         ...o,
         tooltipKey: e,
@@ -1529,21 +1530,21 @@ 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(
+  Un,
   {
     ...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 = ({
   type: e,
   dataKey: t,
-  width: n,
+  width: r,
   yAxisId: s,
   orientation: o
 } = {}) => /* @__PURE__ */ a.jsx(
@@ -1551,66 +1552,66 @@ const Vr = (e) => {
   {
     ...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: [
+), es = (e) => {
+  const { data: t, xKey: r, yKeys: s, tooltipKey: o, width: c } = e;
+  return /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: Mn, children: [
     /* @__PURE__ */ a.jsx(re, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ a.jsx(ce, { dataKey: n }),
+    /* @__PURE__ */ a.jsx(ce, { dataKey: r }),
     /* @__PURE__ */ a.jsx(J, {}),
     /* @__PURE__ */ a.jsx(X, { tooltipKey: o }),
     /* @__PURE__ */ a.jsx(z, {}),
-    s.map((i, r) => /* @__PURE__ */ a.jsx(
+    s.map((i, n) => /* @__PURE__ */ a.jsx(
       St,
       {
         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;
-  return /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: Ge, children: [
+}, ts = (e) => {
+  const { data: t, yKeys: r, xKey: s, tooltipKey: o, width: c } = e;
+  return /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: Ue, children: [
     /* @__PURE__ */ a.jsx(re, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ a.jsx(ce, { dataKey: s }),
     /* @__PURE__ */ a.jsx(J, {}),
     /* @__PURE__ */ a.jsx(X, { tooltipKey: o }),
     /* @__PURE__ */ a.jsx(z, {}),
-    n.map((i, r) => /* @__PURE__ */ a.jsx(
+    r.map((i, n) => /* @__PURE__ */ a.jsx(
       Ne,
       {
         dataKey: i,
-        fill: R[r % R.length]
+        fill: D[n % D.length]
       },
       i
     ))
   ] });
 };
 var Gt = { NODE_ENV: "production" };
-const ts = (e, t) => {
+const ns = (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) => {
+}, rs = (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(
@@ -1619,8 +1620,8 @@ const ts = (e, t) => {
           dataKey: e.key,
           name: s,
           type: "monotone",
-          fill: n,
-          stroke: n,
+          fill: r,
+          stroke: r,
           fillOpacity: 0.3,
           ...o
         },
@@ -1628,12 +1629,12 @@ const ts = (e, t) => {
       );
     case "line":
       return /* @__PURE__ */ a.jsx(
-        kt,
+        Ot,
         {
           dataKey: e.key,
           name: s,
           type: "monotone",
-          stroke: n,
+          stroke: r,
           strokeWidth: 2,
           dot: !1,
           ...o
@@ -1646,7 +1647,7 @@ const ts = (e, t) => {
         {
           dataKey: e.key,
           name: s,
-          fill: n,
+          fill: r,
           stackId: e.stackId,
           barSize: e.barSize,
           ...o
@@ -1656,21 +1657,21 @@ const ts = (e, t) => {
     default:
       return null;
   }
-}, rs = (e) => {
+}, ss = (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 = ns(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,
       {
@@ -1681,22 +1682,22 @@ const ts = (e, t) => {
     )) : /* @__PURE__ */ a.jsx(J, {}),
     /* @__PURE__ */ a.jsx(X, { tooltipKey: o }),
     i && /* @__PURE__ */ a.jsx(z, {}),
-    s.map((l, d) => ns(l, d))
+    s.map((l, d) => rs(l, d))
   ] });
-}, ss = "55%", os = 120, as = (e) => (t) => {
-  const n = Math.PI / 180, {
+}, os = "55%", as = 120, cs = (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, p = o + (n + 10) * x, j = s + (n + 30) * m, b = o + (n + 30) * x, C = j + (m >= 0 ? 1 : -1) * 22, g = b, w = m >= 0 ? "start" : "end", N = _, E = String((N == null ? void 0 : N[e]) ?? "");
   return /* @__PURE__ */ a.jsxs("g", { children: [
     /* @__PURE__ */ a.jsx(
       "text",
@@ -1705,108 +1706,108 @@ 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,
+      at,
       {
         cx: s,
         cy: o,
         innerRadius: i,
-        outerRadius: r,
+        outerRadius: n,
         startAngle: u,
         endAngle: l,
         fill: d
       }
     ),
     /* @__PURE__ */ a.jsx(
-      ot,
+      at,
       {
         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},${p}L${j},${b}L${C},${g}`,
         stroke: d,
         fill: "none"
       }
     ),
-    /* @__PURE__ */ a.jsx("circle", { cx: w, cy: g, r: 2, fill: d, stroke: "none" }),
+    /* @__PURE__ */ a.jsx("circle", { cx: C, cy: g, r: 2, fill: d, stroke: "none" }),
     /* @__PURE__ */ a.jsx(
       "text",
       {
-        x: w + (m >= 0 ? 1 : -1) * 12,
+        x: C + (m >= 0 ? 1 : -1) * 12,
         y: g,
-        textAnchor: C,
-        fill: S.labelColor,
-        fontSize: S.fontSize + 2,
-        fontFamily: S.fontFamily,
+        textAnchor: w,
+        fill: k.labelColor,
+        fontSize: k.fontSize + 2,
+        fontFamily: k.fontFamily,
         children: f
       }
     ),
     /* @__PURE__ */ a.jsx(
       "text",
       {
-        x: w + (m >= 0 ? 1 : -1) * 12,
+        x: C + (m >= 0 ? 1 : -1) * 12,
         y: g,
         dy: 18,
-        textAnchor: C,
-        fill: S.labelColorMuted,
-        fontSize: S.fontSize,
-        fontFamily: S.fontFamily,
+        textAnchor: w,
+        fill: k.labelColorMuted,
+        fontSize: k.fontSize,
+        fontFamily: k.fontFamily,
         children: `(${(h * 100).toFixed(0)}%)`
       }
     )
   ] });
-}, cs = (e) => {
+}, is = (e) => {
   const {
     data: t,
-    xKey: n,
+    xKey: r,
     yKeys: s,
     tooltipKey: o,
-    innerRadius: c = ss,
-    outerRadius: i = os,
-    activeShape: r = !0,
+    innerRadius: c = os,
+    outerRadius: i = as,
+    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(Ke, { width: "100%", height: ne, children: /* @__PURE__ */ a.jsxs(Rt, { 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, {}),
     /* @__PURE__ */ a.jsx(
-      Rt,
+      Dt,
       {
         data: t,
         dataKey: d,
-        nameKey: n,
+        nameKey: r,
         cx: "50%",
         cy: "50%",
         innerRadius: c,
         outerRadius: i,
-        activeShape: r ? as(n) : void 0,
+        activeShape: n ? cs(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,80 +1815,80 @@ const ts = (e, t) => {
     )
   ] }) });
 };
-function is(e, t, n = Ut) {
-  return e <= 0 ? 0 : t <= 0 ? e : Math.max(e, t * n);
+function ls(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 ds(e, t = ms, 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 us(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
+    gs,
+    s * ps
   );
 }
-const us = (e) => {
+const _s = (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, _ = ds(
     t.length,
     c,
     i
-  ), h = ds(t, s, d);
+  ), h = us(t, s, d);
   return /* @__PURE__ */ a.jsxs(
     ae,
     {
       height: _,
       layout: "vertical",
       data: t,
-      Chart: Ge,
+      Chart: Ue,
       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 }),
+        /* @__PURE__ */ a.jsx(X, { tooltipKey: o, tooltipCoverage: n }),
         u && /* @__PURE__ */ a.jsx(z, {}),
-        n.map((f, x) => /* @__PURE__ */ a.jsx(
+        r.map((f, x) => /* @__PURE__ */ a.jsx(
           Ne,
           {
             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: [
+}, hs = (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(ce, { dataKey: r }),
     /* @__PURE__ */ a.jsx(J, {}),
     /* @__PURE__ */ a.jsx(X, { tooltipKey: o }),
     /* @__PURE__ */ a.jsx(z, {}),
-    s.map((i, r) => /* @__PURE__ */ a.jsx(
-      kt,
+    s.map((i, n) => /* @__PURE__ */ a.jsx(
+      Ot,
       {
         type: "monotone",
         dataKey: i,
-        stroke: R[r % R.length],
+        stroke: D[n % D.length],
         strokeWidth: 2,
         dot: !1
       },
@@ -1895,86 +1896,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 fs = { NODE_ENV: "production" };
+const xs = (e) => {
+  const { data: t, xKey: r, series: s = [], tooltipKey: o, width: c } = e;
+  return !s.length && fs.NODE_ENV, /* @__PURE__ */ a.jsxs(ae, { width: c, data: t, Chart: Ue, children: [
     /* @__PURE__ */ a.jsx(re, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ a.jsx(ce, { dataKey: n }),
+    /* @__PURE__ */ a.jsx(ce, { dataKey: r }),
     /* @__PURE__ */ a.jsx(J, {}),
     /* @__PURE__ */ a.jsx(X, { tooltipKey: o }),
     /* @__PURE__ */ a.jsx(z, {}),
-    s.map((i, r) => /* @__PURE__ */ a.jsx(
+    s.map((i, n) => /* @__PURE__ */ a.jsx(
       Ne,
       {
         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 = ({
+}, ys = (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(Ke, { width: "100%", height: ne, children: /* @__PURE__ */ a.jsxs(Rt, { children: [
     /* @__PURE__ */ a.jsx(X, { tooltipKey: o }),
     /* @__PURE__ */ a.jsx(z, {}),
     /* @__PURE__ */ a.jsx(
-      Rt,
+      Dt,
       {
         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, ms = 28, gs = 100, ps = 8, bs = /* @__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 = [
+]), js = {
+  area: es,
+  bar: ts,
+  composed: ss,
+  donut: is,
+  horizontalBar: _s,
+  line: hs,
+  mixBar: xs,
+  pie: ys
+}, D = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
   "var(--color-primitive-palette-3-50)",
@@ -1992,7 +1993,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 +2001,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 = ({
+}, Cs = "_chartScrollViewport_sm5hx_1", ws = "_chartScrollViewport_track_sm5hx_29", pt = {
+  chartScrollViewport: Cs,
+  chartScrollViewport_track: ws
+}, Ns = "Scrollable chart area", vs = ({
   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 +2021,11 @@ const fs = (e) => {
     const h = new ResizeObserver(_);
     return h.observe(d), () => h.disconnect();
   }, []);
-  const r = is(
+  const n = ls(
     o,
     e,
     i
-  ), u = o > 0 && r > o, l = D(
+  ), u = o > 0 && n > o, l = R(
     (d) => {
       const _ = s.current;
       if (_)
@@ -2049,64 +2050,64 @@ const fs = (e) => {
     "div",
     {
       ref: s,
-      className: gt.chartScrollViewport,
+      className: pt.chartScrollViewport,
       role: u ? "region" : void 0,
       tabIndex: u ? 0 : void 0,
-      "aria-label": u ? ws : void 0,
+      "aria-label": u ? Ns : 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: pt.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 () => {
+}, Es = (e) => {
+  const { component: t, userFlow: r, hash: s, responseKey: o, dataSource: c, ...i } = e, n = js[i.type], { fetchDataSource: u } = K(), [l, d] = O(!1), [_, h] = O([]), f = async () => {
     var y, p;
     try {
       d(!0);
-      const { jsonPathData: j, mapperData: b } = c, w = Xe(
+      const { jsonPathData: j, mapperData: b } = c, C = Xe(
         c,
         1
       ), g = await u(
-        w,
-        n,
+        C,
+        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;
-      h(C), d(!1);
+      ), w = j ? (y = Ut(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;
+      h(w), 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(Tt, { height: 400 }) : _.length === 0 ? /* @__PURE__ */ a.jsx(je, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : bs.has(i.type) ? /* @__PURE__ */ a.jsx(
+    vs,
     {
       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 });
+}, Ts = (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 = {
@@ -2114,26 +2115,26 @@ const fs = (e) => {
   }, { getNextUI: _ } = K(), [h, f] = O(i || !1), { disabled: x } = I(
     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;
       f(b);
-      const w = {
+      const C = {
         ...(j = v.getState()[t]) == null ? void 0 : j.entries,
         [s]: b
       };
-      switch (B(t, w), o) {
+      switch (B(t, C), o) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-          const C = await _(
+          const w = await _(
             t,
-            n,
-            w,
+            r,
+            C,
             s,
             o === "GO_TO_NEXT_UI"
           );
-          C != null && C.data && H(t, C == null ? void 0 : C.data);
+          w != null && w.data && H(t, w == null ? void 0 : w.data);
           break;
         }
         default:
@@ -2142,7 +2143,7 @@ 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]), p = (d == null ? void 0 : d.disabled) ?? x;
   return /* @__PURE__ */ a.jsx(
     yn,
     {
@@ -2155,38 +2156,38 @@ const fs = (e) => {
       }
     }
   );
-}, 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,
+}, As = "_codeEditor_1wi2p_1", ks = "_codeEditor_label_1wi2p_4", Ss = "_codeEditor_wrapper_1wi2p_13", Os = "_input_1wi2p_17", Rs = "_preview_1wi2p_18", Ds = "_preview_inner_1wi2p_33", ee = {
+  codeEditor: As,
+  codeEditor_label: ks,
   codeEditor_wrapper: Ss,
-  input: ks,
-  preview: Os,
-  preview_inner: Rs
-}, Ds = (e) => {
+  input: Os,
+  preview: Rs,
+  preview_inner: Ds
+}, $s = (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((C) => C.theme.mode), { disabled: m } = I(
     t,
     u
   ), y = l ?? m, p = {
-    json: at(),
-    markdown: Xn(),
-    sql: Wn(),
-    yaml: Jn()
-  }, j = k(() => r && s ? `${s} *` : s ?? "", [s, r]), b = (w) => {
-    f(w);
+    json: ct(),
+    markdown: Wn(),
+    sql: Jn(),
+    yaml: Yn()
+  }, j = S(() => n && s ? `${s} *` : s ?? "", [s, n]), b = (C) => {
+    f(C);
     const g = {
-      [n]: w
+      [r]: C
     };
     B(t, g);
   };
@@ -2194,26 +2195,26 @@ const fs = (e) => {
     j && j !== "" && /* @__PURE__ */ a.jsx("label", { className: ee.codeEditor_label, children: j }),
     /* @__PURE__ */ a.jsxs("div", { className: ee.codeEditor_wrapper, children: [
       /* @__PURE__ */ a.jsx(
-        zn,
+        Xn,
         {
           className: ee.input,
           value: h,
           height: _,
           placeholder: c,
-          extensions: [p[o] ?? at()],
-          onChange: (w) => b(w),
+          extensions: [p[o] ?? ct()],
+          onChange: (C) => b(C),
           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: ee.preview, style: { height: _ }, children: /* @__PURE__ */ a.jsx(At, { className: ee.preview_inner, children: h }) })
     ] })
   ] });
-}, $s = "_slotStack_6n2wy_5", Is = {
-  slotStack: $s
+}, Is = "_slotStack_6n2wy_5", Ls = {
+  slotStack: Is
 };
-var Ls = { NODE_ENV: "production" };
-const qs = /* @__PURE__ */ new Set([
+var qs = { NODE_ENV: "production" };
+const Bs = /* @__PURE__ */ new Set([
   "accordion",
   "button",
   "cardAccordion",
@@ -2232,19 +2233,19 @@ const qs = /* @__PURE__ */ new Set([
   "textarea"
 ]), He = (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: Ls.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 = ({
+}, Hs = ({
   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 +2259,24 @@ const qs = /* @__PURE__ */ new Set([
     i != null && i.length ? i : null
   );
   return /* @__PURE__ */ a.jsx(
-    At,
+    kt,
     {
       ...l,
-      icon: r,
+      icon: n,
       headerStatusColor: d,
       topContent: He(h, i),
       children: He(_, c)
     }
   );
-}, Hs = ({
+}, Ks = ({
   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,
@@ -2289,24 +2290,24 @@ const qs = /* @__PURE__ */ new Set([
   descriptionTop: j,
   pillLabel: b
 }) => {
-  const w = T(
+  const C = T(
     e,
     t,
-    r != null && r.length ? r : null
-  ), g = oe(e, t), { disabled: C } = I(
+    n != null && n.length ? n : null
+  ), g = oe(e, t), { disabled: w } = I(
     e,
     i
   ), N = s ? () => void g({
-    responseKey: n,
+    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;
+  }) : void 0, E = h ?? w;
+  N && (n != null && n.some((W) => Bs.has(W.component))) && qs.NODE_ENV;
   const L = N ? { onClick: N, disabled: E } : {};
   return /* @__PURE__ */ a.jsx(
-    At,
+    kt,
     {
       version: "v2",
       status: f,
@@ -2320,37 +2321,37 @@ const qs = /* @__PURE__ */ new Set([
       pillLabel: b,
       icon: u,
       ...L,
-      children: He(w, r)
+      children: He(C, n)
     }
   );
-}, Ks = (e) => e.version === "v2" ? /* @__PURE__ */ a.jsx(Hs, { ...e }) : /* @__PURE__ */ a.jsx(Bs, { ...e }), Gs = "_dividerNotFront_tze3j_1", Us = {
+}, Us = (e) => e.version === "v2" ? /* @__PURE__ */ a.jsx(Ks, { ...e }) : /* @__PURE__ */ a.jsx(Hs, { ...e }), Gs = "_dividerNotFront_tze3j_1", Ms = {
   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 = ({
+}, Vs = (e) => /* @__PURE__ */ a.jsx(mn, { ...e, className: Ms.dividerNotFront }), zs = "_drawer_13pxo_1", Xs = "_drawerBody_13pxo_5", Ws = "_drawerFooter_13pxo_11", Ie = {
+  drawer: zs,
+  drawerBody: Xs,
+  drawerFooter: Ws
+}, Js = ({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   header: s,
   body: o,
   footer: c,
   ...i
 }) => {
-  const r = v((y) => {
+  const n = v((y) => {
     var p;
     return (p = y[e]) == null ? void 0 : p.isDrawerOpen;
   }), u = v((y) => {
     var p;
     return (p = y[e]) == null ? void 0 : p.isLoading;
-  }), l = r && !u, d = {
+  }), 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(vt, { type: "h2", children: s }) : void 0, f = T(e, t, o), x = c ? T(e, t, c) : void 0;
   return /* @__PURE__ */ a.jsx(
     gn,
     {
@@ -2364,21 +2365,76 @@ const qs = /* @__PURE__ */ new Set([
       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
     }
   );
-}, Js = (e) => {
+}, We = (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];
+}, Ys = (e, t) => [e, t].filter(
+  (r) => typeof r == "string" && r.trim().length > 0
+), Qs = (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] = We(t, s, null), { disabled: y } = I(
+    t,
+    u
+  ), p = f.disabled ?? y, j = R(() => {
+    i && (n === "_blank" ? window.open(i, "_blank", "noopener,noreferrer") : window.location.assign(i));
+  }, [i, n]), b = R(
+    (g) => {
+      m(g);
+    },
+    [m]
+  ), C = R(() => {
+    m(null);
+  }, [m]);
+  return /* @__PURE__ */ a.jsx(
+    pn,
+    {
+      ...f,
+      rules: Ys(_, h),
+      file: x,
+      uploadStatus: l,
+      disabled: p,
+      notificationVisible: d,
+      onFileChange: b,
+      onRemove: C,
+      onTemplateLinkClick: i ? j : void 0
+    }
+  );
+}, Zs = (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 +2446,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,
+          it,
           {
             name: d,
             size: "md",
@@ -2409,7 +2465,7 @@ const qs = /* @__PURE__ */ new Set([
         ) : null,
         i,
         _ ? /* @__PURE__ */ a.jsx(
-          ct,
+          it,
           {
             name: _,
             size: "md",
@@ -2419,19 +2475,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(
+}, Fs = "_header_g1eri_1", Ps = "_header_content_g1eri_5", bt = {
+  header: Fs,
+  header_content: Ps
+}, eo = ({ components: e = [] }) => /* @__PURE__ */ a.jsx("section", { className: te(bt.header, "avocado-dark-theme"), children: /* @__PURE__ */ a.jsx("div", { className: bt.header_content, children: e.map((t, r) => /* @__PURE__ */ a.jsx(A, { children: t }, r)) }) }), to = (e, t, r, s, o) => {
+  const c = Kt(
     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,43 +2496,43 @@ const qs = /* @__PURE__ */ new Set([
     }
   }));
   return { breadcrumbs: u, menu: l };
-}, Mt = ({
+}, Vt = ({
   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: _ } = to(
     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) => {
+}, no = (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,
@@ -2485,9 +2541,9 @@ const qs = /* @__PURE__ */ new Set([
     t,
     u
   ), x = o && _ ? (() => {
-    const { href: p, target: j, download: b, ...w } = _;
-    return w;
-  })() : _, m = D(async () => {
+    const { href: p, target: j, download: b, ...C } = _;
+    return C;
+  })() : _, m = R(async () => {
     var p;
     if (o)
       try {
@@ -2499,7 +2555,7 @@ const qs = /* @__PURE__ */ new Set([
           case "GO_TO_NEXT_UI": {
             const b = await h(
               t,
-              n,
+              r,
               j,
               s
             );
@@ -2511,7 +2567,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 +2576,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 +2586,20 @@ const qs = /* @__PURE__ */ new Set([
       children: c
     }
   );
-}, eo = (e) => {
+}, ro = (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,27 +2617,27 @@ const qs = /* @__PURE__ */ new Set([
     [i, h]
   );
   return /* @__PURE__ */ a.jsx(
-    Cn,
+    wn,
     {
       items: f,
-      closeOnClick: r,
+      closeOnClick: n,
       disabled: u,
       listOrigin: l,
       size: d,
       variant: _
     }
   );
-}, to = "_modalContent_p06ci_1", no = {
-  modalContent: to
-}, ro = ({
+}, so = "_modalContent_p06ci_1", oo = {
+  modalContent: so
+}, ao = ({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   header: s,
   body: o,
   footer: c,
   headerStatusColor: i,
-  ...r
+  ...n
 }) => {
   const u = v((p) => {
     var j;
@@ -2590,47 +2646,47 @@ const qs = /* @__PURE__ */ new Set([
     var j;
     return (j = p[e]) == null ? void 0 : j.isLoading;
   }), d = u && !l, _ = {
-    ...r
-  }, h = (_ == null ? void 0 : _.headerStatusColor) ?? i, f = D(() => {
+    ...n
+  }, h = (_ == null ? void 0 : _.headerStatusColor) ?? i, f = R(() => {
     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);
+  }, [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,
+    Nn,
     {
       ..._,
       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}`)) }),
+      children: /* @__PURE__ */ a.jsx("section", { className: oo.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}`)) }),
       open: d,
       onClose: f
     }
   );
-}, so = ({ userFlow: e, pageId: t }) => {
+}, co = ({ userFlow: e, pageId: t }) => {
   var c, i;
-  const n = Fn(e);
-  if (!n)
+  const r = Pn(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 = [
+}, io = [
   "success",
   "warning",
   "error",
   "info",
   "neutral"
-], ao = {
+], lo = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -2656,7 +2712,7 @@ const qs = /* @__PURE__ */ new Set([
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, co = {
+}, uo = {
   success: {
     color: "success-50",
     textColor: "success-60",
@@ -2682,18 +2738,18 @@ 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]) ? [
+}, we = (e, t) => t ? uo[e] : lo[e], _o = "outlined", jt = (e) => typeof e == "string" && io.includes(e), ho = (e, t = {}) => e != null && e.length ? e.length === 3 && jt(e[1]) && e[2] === _o ? [{ label: String(e[0]), variant: e[1], outlined: !0 }] : e.length === 2 && jt(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 = {
+})) : [], fo = (e) => {
+  const { content: t, variant: r = "neutral", ...s } = e, o = we(r, s == null ? void 0 : s.outlined), c = {
     ...s,
     children: t,
     color: (s == null ? void 0 : s.color) ?? o.color,
@@ -2701,25 +2757,25 @@ const qs = /* @__PURE__ */ new Set([
     iconColor: (s == null ? void 0 : s.iconColor) ?? o.iconColor
   };
   return /* @__PURE__ */ a.jsx(Le, { ...c });
-}, _o = (e) => {
+}, xo = (e) => {
   const { content: t } = e;
-  return /* @__PURE__ */ a.jsx(Tt, { children: t });
-}, ho = (e) => {
+  return /* @__PURE__ */ a.jsx(At, { children: t });
+}, yo = (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 } = I(
     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";
@@ -2738,16 +2794,16 @@ const qs = /* @__PURE__ */ new Set([
     }
   }, [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,
+}, mo = "_row_1bqj4_1", go = "_row_column_1bqj4_65", M = {
+  row: mo,
   "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 +2824,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: go,
   "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 +2845,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) => {
+}, po = (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))
@@ -2826,10 +2882,10 @@ const qs = /* @__PURE__ */ new Set([
         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",
           {
@@ -2848,32 +2904,32 @@ const qs = /* @__PURE__ */ new Set([
     }
   );
 };
-function Vt({
+function zt({
   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], er(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 +2937,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 +2949,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 bo = /\{([^}]+)\}/g, jo = (e, t) => {
+  var r;
+  return t.includes("{") ? t.replace(bo, (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];
+}, Co = (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 = jo(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;
+}, wo = (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,17 +2986,17 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     total: c,
     hasMore: i
   };
-}, jo = "_selectNotFront_ch3v5_1", zt = {
-  selectNotFront: jo
-}, Co = ({
+}, No = "_selectNotFront_ch3v5_1", Xt = {
+  selectNotFront: No
+}, vo = ({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   required: s,
   dataSource: o,
   actionType: c,
   dependencies: i,
-  debounceMs: r,
+  debounceMs: n,
   ...u
 }) => {
   const l = {
@@ -2948,24 +3004,24 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
   }, { getNextUI: d, fetchDataSource: _ } = K(), [h, f] = O((l == null ? void 0 : l.value) ?? ""), { disabled: x } = I(
     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 = {};
+  ), 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]), p = S(() => {
+    const g = l != null && l.isMulti ? h : [h], w = {};
     return Array.isArray(g) && g.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);
-    }), C;
-  }, [h]), j = Vt({
+      w[E] = N, L in w || (w[L] = N);
+    }), w;
+  }, [h]), j = zt({
     userFlow: e,
     pageId: t,
-    responseKey: n,
+    responseKey: r,
     actionType: c,
     getNextUI: d,
     isMulti: l == null ? void 0 : l.isMulti,
-    debounceMs: r
+    debounceMs: n
   }), b = (g) => {
     f(g), j(g);
-  }, w = async (g, C, { page: N }) => {
+  }, C = async (g, w, { page: N }) => {
     const {
       jsonPathLabel: E,
       jsonPathOptions: L,
@@ -2979,13 +3035,13 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       Y,
       e,
       !1
-    ), U = ie == null ? void 0 : ie.data, me = U ? po(
-      U,
+    ), G = ie == null ? void 0 : ie.data, me = G ? Co(
+      G,
       L,
       E,
       W
-    ) : [], { hasMore: ve } = bo(
-      U,
+    ) : [], { hasMore: ve } = wo(
+      G,
       N,
       ye
     );
@@ -2998,33 +3054,33 @@ 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),
-      loadOptions: w,
+      loadOptions: C,
       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]);
+        const w = JSON.stringify(g == null ? void 0 : g.value), N = JSON.stringify(g == null ? void 0 : g.label);
+        return !!(p != null && p[w]) || !!(p != null && p[N]);
       },
       debounceTimeout: 350
     }
   );
-}, wo = ({
+}, Eo = ({
   userFlow: e,
   pageId: t,
-  responseKey: n,
+  responseKey: r,
   dataSource: s,
   required: o,
   actionType: c,
   dependencies: i,
-  debounceMs: r,
+  debounceMs: n,
   ...u
 }) => {
   const l = {
@@ -3032,53 +3088,53 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
   }, { getNextUI: d } = K(), [_, h] = O(l.value || ""), { disabled: f } = I(
     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 = zt({
     userFlow: e,
     pageId: t,
-    responseKey: n,
+    responseKey: r,
     actionType: c,
     getNextUI: d,
     isMulti: l == null ? void 0 : l.isMulti,
-    debounceMs: r
+    debounceMs: n
   }), p = (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)
     }
   );
-}, No = (e) => {
+}, To = (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(vo, { ...e }) : /* @__PURE__ */ a.jsx(Eo, { ...e });
+}, Ao = "_spacing_19hqa_1", ko = "_spacing__xxs_19hqa_1", So = "_spacing__xs_19hqa_4", Oo = "_spacing__sm_19hqa_7", Ro = "_spacing__md_19hqa_10", Do = "_spacing__lg_19hqa_13", $o = "_spacing__xl_19hqa_16", Io = "_spacing__xxl_19hqa_19", Lo = "_spacing__xxxl_19hqa_22", Ct = {
+  spacing: Ao,
+  spacing__xxs: ko,
+  spacing__xs: So,
+  spacing__sm: Oo,
+  spacing__md: Ro,
+  spacing__lg: Do,
+  spacing__xl: $o,
+  spacing__xxl: Io,
+  spacing__xxxl: Lo
+}, qo = (e) => {
+  const { size: t } = e, r = te(Ct.spacing, Ct[`spacing__${t}`]);
+  return /* @__PURE__ */ a.jsx("div", { className: r });
+}, Bo = (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 = {
@@ -3086,26 +3142,26 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
   }, { getNextUI: _ } = K(), [h, f] = O(i || !1), { disabled: x } = I(
     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]), p = R(async () => {
     var j;
     try {
       const b = !h;
       f(b);
-      const w = {
+      const C = {
         ...(j = v.getState()[t]) == null ? void 0 : j.entries,
         [s]: b
       };
-      switch (B(t, w), o) {
+      switch (B(t, C), o) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-          const C = await _(
+          const w = await _(
             t,
-            n,
-            w,
+            r,
+            C,
             s,
             o === "GO_TO_NEXT_UI"
           );
-          C != null && C.data && H(t, C == null ? void 0 : C.data);
+          w != null && w.data && H(t, w == null ? void 0 : w.data);
           break;
         }
         default:
@@ -3114,9 +3170,9 @@ 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,
@@ -3125,41 +3181,41 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       onChange: () => !m && p()
     }
   );
-}, Lo = 10, qo = [10, 20, 50, 100], Bo = 72, Ho = 120, Ko = (e, t) => e != null && t.includes(e) ? e : t[0] ?? Lo, Go = ({
+}, Ho = 10, Ko = [10, 20, 50, 100], Uo = 72, Go = 120, Mo = (e, t) => e != null && t.includes(e) ? e : t[0] ?? Ho, Vo = ({
   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 = ({
+}, zo = ({
   viewportHeight: e,
   elementTop: t,
-  pagerReservedHeight: n = Bo,
-  minTableHeight: s = Ho
+  pagerReservedHeight: r = Uo,
+  minTableHeight: s = Go
 }) => {
-  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();
+}, Xo = ({ 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({
+        zo({
           viewportHeight: window.innerHeight,
-          elementTop: r
+          elementTop: n
         })
       );
     };
@@ -3169,28 +3225,28 @@ 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) => {
+}, Wo = "_table_scrollContainer_1g2ed_1", Jo = "_tableSkeleton_1g2ed_5", Yo = "_tableArrayPills_1g2ed_11", Je = {
+  table_scrollContainer: Wo,
+  tableSkeleton: Jo,
+  tableArrayPills: Yo
+}, Qo = (e, t) => {
   if (e)
     return we(e, !0);
   if (t)
     return we("neutral", !0);
-}, Jo = ({
+}, Zo = ({
   values: e,
   pillVariant: t,
-  pillOutlined: n
+  pillOutlined: r
 }) => {
-  const o = lo(e ?? [], {
+  const o = ho(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 = Qo(t, r);
+  return /* @__PURE__ */ a.jsxs("div", { className: Je.tableArrayPills, children: [
     c.map((u, l) => {
       const d = we(u.variant, u.outlined);
       return /* @__PURE__ */ a.jsx(
@@ -3209,9 +3265,9 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       Le,
       {
         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 +3275,14 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       }
     )
   ] });
-}, Yo = ({
+}, Fo = ({
   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 +3290,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 +3321,7 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
           break;
         }
         case "GET_DATA_SOURCE": {
-          await r(
+          await n(
             e,
             t,
             _,
@@ -3285,8 +3341,8 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     h,
     t,
     _,
-    r,
     n,
+    r,
     e,
     c,
     i,
@@ -3295,69 +3351,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,
+}, Po = () => /* @__PURE__ */ a.jsx("div", { className: Je.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ a.jsx(
+  Tt,
   {
     maxWidth: "100%",
     height: 42,
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), Zo = (e, t) => !(t != null && t.length) || !e ? e : e.map((n) => t.some((o) => {
+)) }), ea = (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,
+      Zo,
       {
         values: c,
-        pillVariant: n.pillVariant,
-        pillOutlined: n.pillOutlined
+        pillVariant: r.pillVariant,
+        pillOutlined: r.pillOutlined
       }
     ) : c ?? "";
   }
-} : n), Fo = ({
+} : r), ta = ({
   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 et, tt;
+  const { fetchDataSource: f } = K(), [x, m] = O(!1), [y, p] = O(1), j = l ?? Ko, [b, C] = O(
+    () => Mo(n, j)
+  ), [g, w] = O(null), N = !o && Array.isArray(i), E = !!(o != null && o.jsonPathCursorPagination) && !!((et = o == null ? void 0 : o.jsonPathPagination) != null && et.hasMore), L = u && !E, W = u || n != null, ye = W ? b : void 0, Y = 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,
+          Fo,
           {
             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 nt, rt;
     if (!o)
       return;
     const {
@@ -3367,7 +3423,7 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       jsonPathCursorPagination: le
     } = o;
     if (le && $ !== 1 && !Y.current.has($)) {
-      p(1), U(1, pe);
+      p(1), G(1, pe);
       return;
     }
     le && $ === 1 && (Y.current = /* @__PURE__ */ new Map([[1, null]]));
@@ -3383,34 +3439,34 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
         en,
         e,
         !1
-      ), rt = Kt(
+      ), st = Ut(
         Z == null ? void 0 : Z.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(
+      w(st);
+      const tn = !!((nt = o == null ? void 0 : o.jsonPathPagination) != null && nt.size), ke = (rt = st.pagination) == null ? void 0 : rt.size;
+      if (W && tn && ke != null && j.includes(ke) && C(ke), le) {
+        const ot = Fr(
           Z == null ? void 0 : Z.data,
           le
         );
-        st && Y.current.set($ + 1, st);
+        ot && Y.current.set($ + 1, ot);
       }
       m(!1);
     } catch (Ae) {
       console.error("[TableNotFront] fetchData:", Ae), m(!1);
     }
   }, me = ($) => {
-    p($), U($, ye);
+    p($), G($, ye);
   }, ve = ($) => {
-    w($.value), p(1), U(1, $.value);
+    C($.value), p(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 Q = N ? i : g == null ? void 0 : g.items, Ee = N && W && ((i == null ? void 0 : i.length) ?? 0) > b, Wt = S(() => {
     if (!Ee || !i)
       return Q ?? [];
     const $ = (y - 1) * b;
@@ -3421,32 +3477,32 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     b,
     y,
     Q
-  ]), Jt = k(
-    () => Zo(h.columns, Q),
+  ]), Jt = S(
+    () => ea(h.columns, Q),
     [Q, h.columns]
-  ), ge = (_ ?? !0) && !E, { tableContainerRef: Yt, availableHeight: Je } = Mo({
+  ), ge = (_ ?? !0) && !E, { tableContainerRef: Yt, availableHeight: Ye } = Xo({
     enabled: ge
-  }), Ye = k(
-    () => Go({
+  }), Qe = S(
+    () => Vo({
       maxHeight: h.maxHeight,
       stickyHeader: h.stickyHeader,
       autoFitToViewport: ge,
-      availableHeight: Je
+      availableHeight: Ye
     }),
     [
       h.maxHeight,
       h.stickyHeader,
       ge,
-      Je
+      Ye
     ]
   ), Qt = {
     ...h,
-    maxHeight: Ye.maxHeight,
-    stickyHeader: Ye.stickyHeader,
+    maxHeight: Qe.maxHeight,
+    stickyHeader: Qe.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 = {
+  }, Ze = /* @__PURE__ */ a.jsx(kn, { ...Qt }), Fe = ge ? /* @__PURE__ */ a.jsx("div", { ref: Yt, className: Je.table_scrollContainer, children: Ze }) : Ze, Pe = {
     showRowsPerPage: L,
     pageSizeOptions: j,
     labelRowsPerPage: d,
@@ -3454,11 +3510,11 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
   };
   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,
+      Fe,
       (Ee || u) && i && /* @__PURE__ */ a.jsx(
-        ke,
+        Se,
         {
-          ...Fe,
+          ...Pe,
           classname: { global: "row__end" },
           page: y,
           size: b,
@@ -3468,12 +3524,12 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       )
     ] });
   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,
+  return /* @__PURE__ */ a.jsx(a.Fragment, { children: x ? /* @__PURE__ */ a.jsx(Po, {}) : g && ((tt = g == null ? void 0 : g.items) == null ? void 0 : tt.length) > 0 ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    Fe,
     Zt && /* @__PURE__ */ a.jsx(
-      ke,
+      Se,
       {
-        ...Fe,
+        ...Pe,
         classname: { global: "row__end" },
         page: y,
         size: b,
@@ -3482,7 +3538,7 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       }
     ),
     E && (g == null ? void 0 : g.pagination) && /* @__PURE__ */ a.jsx(
-      ke,
+      Se,
       {
         variant: "cursor",
         classname: { global: "row__end" },
@@ -3492,31 +3548,31 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       }
     )
   ] }) : /* @__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 = ({
+}, na = "_tabsPanel_kvslb_1", ra = {
+  tabsPanel: na
+}, sa = ({ userFlow: e, pageId: t, components: r }) => {
+  const s = T(e, t, r);
+  return s != null && s.length ? /* @__PURE__ */ a.jsx("section", { className: ra.tabsPanel, children: s.map((o, c) => /* @__PURE__ */ a.jsx(A, { children: o }, `tabs-panel-${c}`)) }) : null;
+}, oa = ({
   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,
+      sa,
       {
         userFlow: e,
         pageId: t,
         components: l.components
       },
-      `${n}-tab-${d}`
+      `${r}-tab-${d}`
     )
   })), u = (l) => {
     var _;
@@ -3531,77 +3587,66 @@ 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) => {
+}, aa = "_textareaNotFront_1wpe5_1", ca = {
+  textareaNotFront: aa
+}, ia = (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] = We(
     t,
     c,
     l ?? ""
   ), { disabled: f } = I(
     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 = (p) => h(p.target.value);
   return /* @__PURE__ */ a.jsx(
-    kn,
+    On,
     {
       ...d,
-      className: sa.textareaNotFront,
+      className: ca.textareaNotFront,
       label: m,
       value: _,
       disabled: x,
       onChange: (p) => !x && y(p)
     }
   );
-}, aa = "_textFieldNotFront_1n8fy_1", ca = {
-  textFieldNotFront: aa
-}, ia = (e) => {
+}, la = "_textFieldNotFront_1n8fy_1", da = {
+  textFieldNotFront: la
+}, ua = (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] = We(
     t,
     c,
     l ?? ""
   ), { disabled: f } = I(
     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 = (p) => h(p.target.value);
   return /* @__PURE__ */ a.jsx(
-    On,
+    Rn,
     {
       ...d,
-      className: ca.textFieldNotFront,
+      className: da.textFieldNotFront,
       allowClear: !1,
       label: m,
       value: _,
@@ -3609,16 +3654,16 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
       onChange: (p) => !x && y(p)
     }
   );
-}, la = ({
+}, _a = ({
   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 +3677,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 +3687,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;
+}, ha = "_tooltipNotFront_106iw_1", fa = "_tooltipNotFront_content_106iw_5", wt = {
+  tooltipNotFront: ha,
+  tooltipNotFront_content: fa
+}, xa = (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 +3722,33 @@ const mo = /\{([^}]+)\}/g, go = (e, t) => {
     }
   );
 };
-function Ra({
+function Ia({
   sessionName: e,
   apiConfig: t,
-  onResolveComponentProps: n,
+  onResolveComponentProps: r,
   children: s
 }) {
-  const o = ma(
+  const o = ba(
     e,
     t,
     null,
-    n
+    r
   );
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     o,
     s
   ] });
 }
-const ha = { api: "", headers: {} }, fa = ({
+const ya = { api: "", headers: {} }, ma = ({
   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 ?? ya, {
       type: "page",
       hash: o,
       body: { components: t }
@@ -3712,31 +3757,31 @@ const ha = { api: "", headers: {} }, fa = ({
   const c = T(e, o, t);
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: c });
 };
-function xa(e) {
+function ga(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 pa = ({ payload: e, userFlow: t }) => {
+  const r = ga(e.display), s = ma({
     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) => {
+}, La = pa, Nt = (e, t, r, s, o) => {
   const c = T(
     e,
     t,
     (s == null ? void 0 : s.components) || null,
     o
   );
-  switch (n) {
+  switch (r) {
     case "body":
       return /* @__PURE__ */ a.jsx(
-        Ar,
+        kr,
         {
           ...s,
           inputs: c || []
@@ -3745,7 +3790,7 @@ const ya = ({ payload: e, userFlow: t }) => {
       );
     case "header":
       return /* @__PURE__ */ a.jsx(
-        Zs,
+        eo,
         {
           ...s,
           components: c || []
@@ -3755,21 +3800,21 @@ const ya = ({ payload: e, userFlow: t }) => {
     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(() => {
+}, ba = (e, t, r, s) => {
+  var C;
+  const [o, c] = O(!1), i = !!(t != null && t.api && !r && e), [n, u] = O(i), l = v((g) => g[e]), d = l == null ? void 0 : l.currentPageId, _ = (l == null ? void 0 : l.isLoading) ?? !1, h = n || _, f = d ? (C = l == null ? void 0 : l.pages[d]) == null ? void 0 : C.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;
+  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 g = new URL(window.location.href), w = g.searchParams.get("sessionId");
+    w && (Me(w), g.searchParams.delete("sessionId"), window.history.replaceState({}, "", g.toString()));
   }, []);
-  const p = wt(
+  const p = Nt(
     e,
     d ?? "",
     "header",
     m,
     s
-  ), j = wt(
+  ), j = Nt(
     e,
     d ?? "",
     "body",
@@ -3777,16 +3822,16 @@ const ya = ({ payload: e, userFlow: t }) => {
     s
   ), b = async () => {
     try {
-      const g = await qt(
+      const g = await Bt(
         t,
         e
-      ), C = g == null ? void 0 : g.data, N = C == null ? void 0 : C.content;
+      ), w = g == null ? void 0 : g.data, N = w == null ? void 0 : w.content;
       (g == null ? void 0 : g.status) === 200 ? be(
         e,
         t,
         N,
-        C == null ? void 0 : C.sessionState,
-        C == null ? void 0 : C.sessionId
+        w == null ? void 0 : w.sessionState,
+        w == null ? void 0 : w.sessionId
       ) : c(!0);
     } catch (g) {
       console.error("[not-page]: API call failed", g), c(!0);
@@ -3794,24 +3839,24 @@ const ya = ({ payload: e, userFlow: t }) => {
       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 ? b() : !(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 g = "avocado-theme-mode-changed", w = (N) => {
       const E = N.detail;
       fe.setThemeMode(E);
     };
-    return window.addEventListener(g, C), () => {
-      window.removeEventListener(g, C);
+    return window.addEventListener(g, w), () => {
+      window.removeEventListener(g, w);
     };
   }, []), o && console.error("[not-page]: No render page"), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    h && /* @__PURE__ */ a.jsx(Dn, {}),
+    h && /* @__PURE__ */ a.jsx($n, {}),
     d && y ? p : null,
     d && x && /* @__PURE__ */ a.jsx(
-      Mt,
+      Vt,
       {
         ...x,
         userFlow: e,
@@ -3820,20 +3865,20 @@ const ya = ({ payload: e, userFlow: t }) => {
       }
     ),
     d ? j : null,
-    d && /* @__PURE__ */ a.jsx(so, { userFlow: e, pageId: d }),
-    l && /* @__PURE__ */ a.jsx($n, {})
+    d && /* @__PURE__ */ a.jsx(co, { userFlow: e, pageId: d }),
+    l && /* @__PURE__ */ a.jsx(In, {})
   ] });
 };
 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
+  Es as Chart,
+  Ia as NotFrontPage,
+  pa as RenderNotFront,
+  po as Row,
+  $a as clearSessionId,
+  ga as extractNotFrontComponents,
+  cr as heading,
+  La as renderNotFront,
+  ir as text,
+  ma as useNotFrontFragment,
+  ba as usePage
 };