@foris/avocado-not-front 5.2.4 → 5.2.6

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

@@ -1,30 +1,30 @@
 import X from "axios";
-import { create as wt } from "zustand";
-import Nt, { useMemo as O, useState as $, useCallback as L, Fragment as A, useEffect as U, useRef as ue, cloneElement as vt } from "react";
-import { Heading as st, Text as Et, Accordion as kt, ThemeStore as he, Box as St, RadioButton as Tt, Stepper as At, ProgressBar as Ot, Breadcrumbs as $t, Button as Dt, CardAccordion as Rt, Card as qt, CardNotification as xe, SkeletonBase as rt, Checkbox as It, PreviewerMarkdown as at, DataCard as Lt, Divider as Kt, Drawer as Bt, DropdownButton as Mt, Link as Ht, Menu as Gt, Modal as Ut, Pill as Se, RoundButton as Vt, SelectPagination as zt, Select as Xt, Switch as Jt, Table as Ke, Pager as Ce, Tabs as Wt, Textarea as Yt, TextField as Qt, toast as le, Tooltip as Zt, Loading as Ft, Toaster as Pt } from "@foris/avocado-suite";
-import { ChatPanel as en, PromptCodeEditor as tn, SummaryCard as nn } from "@foris/ai-agent";
+import { create as Ee } from "zustand";
+import ke, { useMemo as O, useState as $, useCallback as L, Fragment as k, useEffect as U, useRef as ut, cloneElement as Se } from "react";
+import { Heading as re, Text as ae, Accordion as Te, ThemeStore as ht, Box as Ae, RadioButton as Oe, Stepper as $e, ProgressBar as Re, Breadcrumbs as De, Button as qe, CardAccordion as Ie, Card as Le, CardNotification as xt, SkeletonBase as oe, Checkbox as Ke, PreviewerMarkdown as ce, DataCard as Be, Divider as Me, Drawer as He, DropdownButton as Ge, Link as Ue, Menu as Ve, Modal as ze, Pill as St, RoundButton as Xe, SelectPagination as Je, Select as We, Switch as Ye, Table as Bt, Pager as Ct, Tabs as Qe, Textarea as Ze, TextField as Fe, toast as lt, Tooltip as Pe, Loading as tn, Toaster as en } from "@foris/avocado-suite";
+import { ChatPanel as nn, PromptCodeEditor as sn, SummaryCard as rn } from "@foris/ai-agent";
 import B from "jsonpath";
-import { ResponsiveContainer as Ae, Legend as sn, Tooltip as rn, XAxis as an, YAxis as on, AreaChart as cn, CartesianGrid as se, Area as ot, BarChart as Oe, Bar as ge, ComposedChart as ln, Line as ct, PieChart as it, Pie as lt, Cell as dt, Sector as Be, LineChart as dn } from "recharts";
-import _n from "@uiw/react-codemirror";
-import { json as Me } from "@codemirror/lang-json";
-import { markdown as un } from "@codemirror/lang-markdown";
-import { sql as hn } from "@codemirror/lang-sql";
-import { yaml as fn } from "@codemirror/lang-yaml";
-import { Icon as He } from "@foris/avocado-icons";
-const $e = "sessionId", yn = () => sessionStorage.getItem($e), De = (e) => {
-  e && sessionStorage.setItem($e, e);
-}, Ea = () => {
-  sessionStorage.removeItem($e);
-}, v = wt(() => ({})), ye = (e, t, s, r, c) => {
-  De(c);
+import { ResponsiveContainer as Ot, Legend as an, Tooltip as on, XAxis as cn, YAxis as ln, AreaChart as dn, CartesianGrid as st, Area as ie, BarChart as $t, Bar as gt, ComposedChart as _n, Line as le, PieChart as de, Pie as _e, Cell as ue, Sector as Mt, LineChart as un } from "recharts";
+import hn from "@uiw/react-codemirror";
+import { json as Ht } from "@codemirror/lang-json";
+import { markdown as fn } from "@codemirror/lang-markdown";
+import { sql as yn } from "@codemirror/lang-sql";
+import { yaml as xn } from "@codemirror/lang-yaml";
+import { Icon as Gt } from "@foris/avocado-icons";
+const Rt = "sessionId", mn = () => sessionStorage.getItem(Rt), Dt = (t) => {
+  t && sessionStorage.setItem(Rt, t);
+}, Aa = () => {
+  sessionStorage.removeItem(Rt);
+}, v = Ee(() => ({})), yt = (t, e, s, r, c) => {
+  Dt(c);
   const l = s == null ? void 0 : s.hash, i = r && Object.keys(r).length > 0 ? { ...r } : {};
   v.setState((n) => {
     var d;
     return {
       ...n,
-      [e]: {
-        ...n[e],
-        apiConfig: t,
+      [t]: {
+        ...n[t],
+        apiConfig: e,
         currentPageId: l,
         isLoading: !1,
         isModalOpen: !0,
@@ -32,7 +32,7 @@ const $e = "sessionId", yn = () => sessionStorage.getItem($e), De = (e) => {
         entries: i,
         overlay: null,
         pages: {
-          ...(d = n[e]) == null ? void 0 : d.pages,
+          ...(d = n[t]) == null ? void 0 : d.pages,
           [l]: {
             page: s
           }
@@ -40,180 +40,180 @@ const $e = "sessionId", yn = () => sessionStorage.getItem($e), De = (e) => {
       }
     };
   });
-}, _t = (e, t, s) => {
-  const r = s && Object.keys(s).length > 0 ? { ...e, ...s } : e;
-  return t.length === 0 ? e : Object.fromEntries(
+}, he = (t, e, s) => {
+  const r = s && Object.keys(s).length > 0 ? { ...t, ...s } : t;
+  return e.length === 0 ? t : Object.fromEntries(
     Object.entries(r).filter(
-      ([c]) => !t.includes(c)
+      ([c]) => !e.includes(c)
     )
   );
-}, xn = (e, t, s, r, c) => {
-  De(s), v.setState((l) => {
-    const i = l[e] ?? {}, n = i.entries ?? {}, d = _t(
+}, gn = (t, e, s, r, c) => {
+  Dt(s), v.setState((l) => {
+    const i = l[t] ?? {}, n = i.entries ?? {}, d = he(
       n,
       r,
       c
     );
     return {
       ...l,
-      [e]: {
+      [t]: {
         ...i,
-        currentPageId: t.hash,
+        currentPageId: e.hash,
         entries: d,
         isLoading: !1,
         overlay: null,
         pages: {
           ...i.pages,
-          [t.hash]: {
-            page: { ...t }
+          [e.hash]: {
+            page: { ...e }
           }
         }
       }
     };
   });
-}, mn = (e, t, s, r) => {
+}, pn = (t, e, s, r) => {
   v.setState((c) => {
     var a;
-    const l = c[e] ?? {}, i = l.entries ?? {}, n = _t(
+    const l = c[t] ?? {}, i = l.entries ?? {}, n = he(
       i,
       s,
       r
-    ), d = (a = t.components) == null ? void 0 : a.some(
+    ), d = (a = e.components) == null ? void 0 : a.some(
       (_) => _.component === "drawer"
     );
     return {
       ...c,
-      [e]: {
+      [t]: {
         ...l,
         entries: n,
-        overlay: t,
+        overlay: e,
         isLoading: !1,
         isModalOpen: !d,
         isDrawerOpen: !!d
       }
     };
   });
-}, Re = (e) => {
-  v.setState((t) => ({
-    ...t,
-    [e]: {
-      ...t[e],
+}, qt = (t) => {
+  v.setState((e) => ({
+    ...e,
+    [t]: {
+      ...e[t],
       overlay: null
     }
   }));
-}, gn = (e) => {
+}, bn = (t) => {
   var s;
-  return ((s = v.getState()[e]) == null ? void 0 : s.overlay) ?? null;
-}, K = (e, t) => {
+  return ((s = v.getState()[t]) == null ? void 0 : s.overlay) ?? null;
+}, K = (t, e) => {
   const {
     content: s,
     sessionId: r,
     deprecatedStateKeys: c = [],
     sessionState: l
-  } = t;
-  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? xn(
-    e,
+  } = e;
+  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? gn(
+    t,
     s,
     r,
     c,
     l
-  ) : mn(
-    e,
+  ) : pn(
+    t,
     s,
     c,
     l
   ));
-}, I = (e, t) => {
+}, I = (t, e) => {
   v.setState((s) => {
     var r;
     return {
       ...s,
-      [e]: {
-        ...s[e],
+      [t]: {
+        ...s[t],
         entries: {
-          ...(r = s[e]) == null ? void 0 : r.entries,
-          ...t
+          ...(r = s[t]) == null ? void 0 : r.entries,
+          ...e
           // New entries
         }
       }
     };
   });
-}, pn = (e, t) => {
+}, jn = (t, e) => {
   v.setState((s) => {
-    const r = s[e];
+    const r = s[t];
     if (!r)
       return s;
     const c = r.entries ?? {};
-    if (!(t in c))
+    if (!(e in c))
       return s;
-    const { [t]: l, ...i } = c;
+    const { [e]: l, ...i } = c;
     return {
       ...s,
-      [e]: {
+      [t]: {
         ...r,
         entries: i
       }
     };
   });
-}, F = (e, t) => {
+}, F = (t, e) => {
   v.setState((s) => ({
     ...s,
-    [e]: {
-      ...s[e],
-      isLoading: t
+    [t]: {
+      ...s[t],
+      isLoading: e
     }
   }));
-}, qe = (e, t) => {
+}, It = (t, e) => {
   v.setState((s) => ({
     ...s,
-    [e]: {
-      ...s[e],
-      isModalOpen: t
+    [t]: {
+      ...s[t],
+      isModalOpen: e
     }
   }));
-}, _e = (e, t) => {
+}, _t = (t, e) => {
   v.setState((s) => ({
     ...s,
-    [e]: {
-      ...s[e],
-      isDrawerOpen: t
+    [t]: {
+      ...s[t],
+      isDrawerOpen: e
     }
   }));
-}, Ge = (e, t) => {
+}, Ut = (t, e) => {
   v.setState((s) => {
-    const r = s[e];
+    const r = s[t];
     return r ? {
       ...s,
-      [e]: {
+      [t]: {
         ...r,
         apiConfig: {
           ...r.apiConfig,
-          headers: t
+          headers: e
         }
       }
     } : s;
   });
 };
-let we = !1, me = [], Ue = !1;
-const bn = (e) => e._userFlow || null, Ve = (e) => {
-  me.forEach(({ resolve: t, reject: s }) => {
-    e ? s(e) : t(void 0);
-  }), me = [];
-}, jn = async (e) => {
+let Nt = !1, mt = [], Vt = !1;
+const Cn = (t) => t._userFlow || null, zt = (t) => {
+  mt.forEach(({ resolve: e, reject: s }) => {
+    t ? s(t) : e(void 0);
+  }), mt = [];
+}, Nn = async (t) => {
   var r, c;
-  const t = e == null ? void 0 : e.config;
-  if (((r = e == null ? void 0 : e.response) == null ? void 0 : r.status) === 401 && !t._retry) {
-    const l = bn(t);
+  const e = t == null ? void 0 : t.config;
+  if (((r = t == null ? void 0 : t.response) == null ? void 0 : r.status) === 401 && !e._retry) {
+    const l = Cn(e);
     if (l) {
       const n = (c = v.getState()[l]) == null ? void 0 : c.apiConfig;
       if (!n)
-        return Promise.reject(e);
+        return Promise.reject(t);
       if (n.onAuthenticationError || typeof n.headers == "function") {
-        if (we)
+        if (Nt)
           return new Promise((a, _) => {
-            me.push({ resolve: a, reject: _ });
-          }).then(() => X(t)).catch((a) => (console.error("[axiosInterceptors] Queued request failed:", a), Promise.reject(a)));
-        t._retry = !0, we = !0;
+            mt.push({ resolve: a, reject: _ });
+          }).then(() => X(e)).catch((a) => (console.error("[axiosInterceptors] Queued request failed:", a), Promise.reject(a)));
+        e._retry = !0, Nt = !0;
         try {
           let a;
           if (n.onAuthenticationError)
@@ -222,17 +222,17 @@ const bn = (e) => e._userFlow || null, Ve = (e) => {
             a = n.headers();
           else
             throw new Error("No refresh handler available");
-          return n.onAuthenticationError && (typeof n.headers == "string" ? Ge(l, JSON.stringify(a)) : Ge(l, a)), t.headers || (t.headers = {}), Object.assign(t.headers, a), Ve(null), X(t);
+          return n.onAuthenticationError && (typeof n.headers == "string" ? Ut(l, JSON.stringify(a)) : Ut(l, a)), e.headers || (e.headers = {}), Object.assign(e.headers, a), zt(null), X(e);
         } catch (a) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
             a
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
-            me.length
-          ), Ve(a), Promise.reject(a);
+            mt.length
+          ), zt(a), Promise.reject(a);
         } finally {
-          we = !1;
+          Nt = !1;
         }
       } else
         console.warn(
@@ -241,24 +241,24 @@ const bn = (e) => e._userFlow || null, Ve = (e) => {
     } else
       console.warn(
         "[axiosInterceptors] No userFlow found in URL:",
-        t.url
+        e.url
       );
   }
-  return Promise.reject(e);
-}, Cn = () => {
-  if (Ue) {
+  return Promise.reject(t);
+}, wn = () => {
+  if (Vt) {
     console.debug(
       "[axiosInterceptors] Interceptors already initialized, skipping"
     );
     return;
   }
-  console.debug("[axiosInterceptors] Initializing interceptors..."), X.interceptors.response.use(void 0, jn), console.debug("[axiosInterceptors] Response error interceptor registered"), Ue = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
+  console.debug("[axiosInterceptors] Initializing interceptors..."), X.interceptors.response.use(void 0, Nn), console.debug("[axiosInterceptors] Response error interceptor registered"), Vt = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
 };
-Cn();
-function wn(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+wn();
+function vn(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ne = { exports: {} }, de = {};
+var wt = { exports: {} }, dt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -268,147 +268,147 @@ var Ne = { exports: {} }, de = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ze;
-function Nn() {
-  if (ze) return de;
-  ze = 1;
-  var e = Nt, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, c = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Xt;
+function En() {
+  if (Xt) return dt;
+  Xt = 1;
+  var t = ke, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function i(n, d, a) {
     var _, u = {}, h = null, f = null;
     a !== void 0 && (h = "" + a), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (f = d.ref);
     for (_ in d) r.call(d, _) && !l.hasOwnProperty(_) && (u[_] = d[_]);
     if (n && n.defaultProps) for (_ in d = n.defaultProps, d) u[_] === void 0 && (u[_] = d[_]);
-    return { $$typeof: t, type: n, key: h, ref: f, props: u, _owner: c.current };
+    return { $$typeof: e, type: n, key: h, ref: f, props: u, _owner: c.current };
   }
-  return de.Fragment = s, de.jsx = i, de.jsxs = i, de;
+  return dt.Fragment = s, dt.jsx = i, dt.jsxs = i, dt;
 }
-var Xe;
-function vn() {
-  return Xe || (Xe = 1, Ne.exports = Nn()), Ne.exports;
+var Jt;
+function kn() {
+  return Jt || (Jt = 1, wt.exports = En()), wt.exports;
 }
-var o = vn();
-const En = (e) => {
-  if (!(e != null && e.content)) return null;
-  const t = {
-    ...e,
-    children: e.content,
-    type: e.variant
+var o = kn();
+const Sn = (t) => {
+  if (!(t != null && t.content)) return null;
+  const e = {
+    ...t,
+    children: t.content,
+    type: t.variant
   };
-  return /* @__PURE__ */ o.jsx(st, { ...t });
-}, kn = (e) => {
-  if (!e) return null;
-  const t = {
-    ...e,
-    children: e.content
+  return /* @__PURE__ */ o.jsx(re, { ...e });
+}, Tn = (t) => {
+  if (!t) return null;
+  const e = {
+    ...t,
+    children: t.content
   };
-  return /* @__PURE__ */ o.jsx(Et, { ...t });
-}, E = (e, t, s, r) => {
+  return /* @__PURE__ */ o.jsx(ae, { ...e });
+}, E = (t, e, s, r) => {
   var i;
   const c = {
-    accordion: (n) => /* @__PURE__ */ o.jsx(In, { ...n, userFlow: e, pageId: t }),
+    accordion: (n) => /* @__PURE__ */ o.jsx(Kn, { ...n, userFlow: t, pageId: e }),
     aiChatPanel: (n) => /* @__PURE__ */ o.jsx(
-      Ln,
+      Bn,
       {
         ...n,
-        userFlow: e,
-        pageId: t,
+        userFlow: t,
+        pageId: e,
         onResolveProps: r == null ? void 0 : r.aiChatPanel
       }
     ),
     aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(
-      Un,
+      zn,
       {
         ...n,
-        userFlow: e,
-        pageId: t,
+        userFlow: t,
+        pageId: e,
         onResolveProps: r == null ? void 0 : r.aiSummaryCard
       }
     ),
-    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(Mn, { ...n, userFlow: e, pageId: t }),
-    box: (n) => /* @__PURE__ */ o.jsx(Yn, { ...n, userFlow: e, pageId: t }),
-    breadcrumbs: (n) => /* @__PURE__ */ o.jsx(cs, { ...n, userFlow: e, pageId: t }),
-    tooltip: (n) => /* @__PURE__ */ o.jsx(ca, { ...n, userFlow: e, pageId: t }),
-    textarea: (n) => /* @__PURE__ */ o.jsx(ea, { ...n, userFlow: e, pageId: t }),
-    card: (n) => /* @__PURE__ */ o.jsx(hs, { ...n, userFlow: e, pageId: t }),
-    dropdownButton: (n) => /* @__PURE__ */ o.jsx(cr, { ...n, userFlow: e, pageId: t }),
-    menu: (n) => /* @__PURE__ */ o.jsx(ur, { ...n, userFlow: e, pageId: t }),
-    radioGroup: (n) => /* @__PURE__ */ o.jsx(rs, { ...n, userFlow: e, pageId: t }),
-    stepper: (n) => /* @__PURE__ */ o.jsx(as, { ...n, userFlow: e, pageId: t }),
-    progressBar: (n) => /* @__PURE__ */ o.jsx(os, { ...n, userFlow: e, pageId: t }),
-    button: (n) => /* @__PURE__ */ o.jsx(is, { ...n, userFlow: e, pageId: t }),
-    cardAccordion: (n) => /* @__PURE__ */ o.jsx(ds, { ...n, userFlow: e, pageId: t }),
-    cardNotification: (n) => /* @__PURE__ */ o.jsx(fs, { ...n }),
-    chart: (n) => /* @__PURE__ */ o.jsx(Us, { ...n, userFlow: e }),
-    dataCard: (n) => /* @__PURE__ */ o.jsx(Ps, { ...n, userFlow: e, pageId: t }),
-    checkbox: (n) => /* @__PURE__ */ o.jsx(Vs, { ...n, userFlow: e, pageId: t }),
-    code: (n) => /* @__PURE__ */ o.jsx(Zs, { ...n, userFlow: e, pageId: t }),
-    divider: (n) => /* @__PURE__ */ o.jsx(nr, { ...n }),
-    drawer: (n) => /* @__PURE__ */ o.jsx(or, { ...n, userFlow: e, pageId: t }),
-    heading: (n) => En(n),
-    link: (n) => /* @__PURE__ */ o.jsx(_r, { ...n, userFlow: e, pageId: t }),
-    pill: (n) => /* @__PURE__ */ o.jsx(gr, { ...n }),
-    previewerMarkdown: (n) => /* @__PURE__ */ o.jsx(pr, { ...n }),
-    modal: (n) => /* @__PURE__ */ o.jsx(yr, { ...n, userFlow: e, pageId: t }),
-    roundButton: (n) => /* @__PURE__ */ o.jsx(br, { ...n, userFlow: e, pageId: t }),
-    row: (n) => /* @__PURE__ */ o.jsx(wr, { ...n, userFlow: e, pageId: t }),
-    select: (n) => /* @__PURE__ */ o.jsx(Or, { ...n, userFlow: e, pageId: t }),
-    switch: (n) => /* @__PURE__ */ o.jsx(Gr, { ...n, userFlow: e, pageId: t }),
-    spacing: (n) => /* @__PURE__ */ o.jsx(Hr, { ...n, userFlow: e, pageId: t }),
-    table: (n) => /* @__PURE__ */ o.jsx(Yr, { ...n, userFlow: e, pageId: t }),
-    tabs: (n) => /* @__PURE__ */ o.jsx(Pr, { ...n, userFlow: e, pageId: t }),
-    text: (n) => kn(n),
-    textField: (n) => /* @__PURE__ */ o.jsx(sa, { ...n, userFlow: e, pageId: t }),
-    toast: (n) => /* @__PURE__ */ o.jsx(ra, { ...n, userFlow: e, pageId: t })
+    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(Gn, { ...n, userFlow: t, pageId: e }),
+    box: (n) => /* @__PURE__ */ o.jsx(Zn, { ...n, userFlow: t, pageId: e }),
+    breadcrumbs: (n) => /* @__PURE__ */ o.jsx(ls, { ...n, userFlow: t, pageId: e }),
+    tooltip: (n) => /* @__PURE__ */ o.jsx(_a, { ...n, userFlow: t, pageId: e }),
+    textarea: (n) => /* @__PURE__ */ o.jsx(ra, { ...n, userFlow: t, pageId: e }),
+    card: (n) => /* @__PURE__ */ o.jsx(ys, { ...n, userFlow: t, pageId: e }),
+    dropdownButton: (n) => /* @__PURE__ */ o.jsx(lr, { ...n, userFlow: t, pageId: e }),
+    menu: (n) => /* @__PURE__ */ o.jsx(fr, { ...n, userFlow: t, pageId: e }),
+    radioGroup: (n) => /* @__PURE__ */ o.jsx(os, { ...n, userFlow: t, pageId: e }),
+    stepper: (n) => /* @__PURE__ */ o.jsx(cs, { ...n, userFlow: t, pageId: e }),
+    progressBar: (n) => /* @__PURE__ */ o.jsx(is, { ...n, userFlow: t, pageId: e }),
+    button: (n) => /* @__PURE__ */ o.jsx(ds, { ...n, userFlow: t, pageId: e }),
+    cardAccordion: (n) => /* @__PURE__ */ o.jsx(us, { ...n, userFlow: t, pageId: e }),
+    cardNotification: (n) => /* @__PURE__ */ o.jsx(xs, { ...n, userFlow: t, pageId: e }),
+    chart: (n) => /* @__PURE__ */ o.jsx(zs, { ...n, userFlow: t }),
+    dataCard: (n) => /* @__PURE__ */ o.jsx(er, { ...n, userFlow: t, pageId: e }),
+    checkbox: (n) => /* @__PURE__ */ o.jsx(Xs, { ...n, userFlow: t, pageId: e }),
+    code: (n) => /* @__PURE__ */ o.jsx(Ps, { ...n, userFlow: t, pageId: e }),
+    divider: (n) => /* @__PURE__ */ o.jsx(rr, { ...n }),
+    drawer: (n) => /* @__PURE__ */ o.jsx(ir, { ...n, userFlow: t, pageId: e }),
+    heading: (n) => Sn(n),
+    link: (n) => /* @__PURE__ */ o.jsx(hr, { ...n, userFlow: t, pageId: e }),
+    pill: (n) => /* @__PURE__ */ o.jsx(Cr, { ...n }),
+    previewerMarkdown: (n) => /* @__PURE__ */ o.jsx(Nr, { ...n }),
+    modal: (n) => /* @__PURE__ */ o.jsx(mr, { ...n, userFlow: t, pageId: e }),
+    roundButton: (n) => /* @__PURE__ */ o.jsx(wr, { ...n, userFlow: t, pageId: e }),
+    row: (n) => /* @__PURE__ */ o.jsx(kr, { ...n, userFlow: t, pageId: e }),
+    select: (n) => /* @__PURE__ */ o.jsx(qr, { ...n, userFlow: t, pageId: e }),
+    switch: (n) => /* @__PURE__ */ o.jsx(Xr, { ...n, userFlow: t, pageId: e }),
+    spacing: (n) => /* @__PURE__ */ o.jsx(zr, { ...n, userFlow: t, pageId: e }),
+    table: (n) => /* @__PURE__ */ o.jsx(Pr, { ...n, userFlow: t, pageId: e }),
+    tabs: (n) => /* @__PURE__ */ o.jsx(sa, { ...n, userFlow: t, pageId: e }),
+    text: (n) => Tn(n),
+    textField: (n) => /* @__PURE__ */ o.jsx(ca, { ...n, userFlow: t, pageId: e }),
+    toast: (n) => /* @__PURE__ */ o.jsx(ia, { ...n, userFlow: t, pageId: e })
   };
   return (i = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : i.map((n) => {
     const d = c[n.component];
-    return d ? d({ ...n, userFlow: e, pageId: t }) : null;
+    return d ? d({ ...n, userFlow: t, pageId: e }) : null;
   });
 };
-function Sn(e) {
-  return !!(e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0);
+function An(t) {
+  return !!(t == null || typeof t == "string" && t.trim() === "" || Array.isArray(t) && t.length === 0);
 }
-function ut(e, t) {
-  if (!(t != null && t.length))
+function fe(t, e) {
+  if (!(e != null && e.length))
     return !1;
-  for (const s of t)
+  for (const s of e)
     if (s.when === "empty") {
-      const r = e == null ? void 0 : e[s.key];
-      if (Sn(r))
+      const r = t == null ? void 0 : t[s.key];
+      if (An(r))
         return !0;
     }
   return !1;
 }
-function M(e, t) {
+function M(t, e) {
   const s = v((r) => {
     var c;
-    return (c = r[e]) == null ? void 0 : c.entries;
+    return (c = r[t]) == null ? void 0 : c.entries;
   });
   return O(
     () => ({
-      disabled: ut(s, t)
+      disabled: fe(s, e)
     }),
-    [t, s]
+    [e, s]
   );
 }
-const re = (e) => {
-  if (!e)
+const rt = (t) => {
+  if (!t)
     return { "content-type": "application/json" };
-  if (typeof e == "function")
-    return e();
-  if (typeof e == "string")
+  if (typeof t == "function")
+    return t();
+  if (typeof t == "string")
     try {
-      return JSON.parse(e);
+      return JSON.parse(t);
     } catch {
-      return { "content-type": "application/json", Authorization: e };
+      return { "content-type": "application/json", Authorization: t };
     }
-  return e;
-}, fe = () => new AbortController(), Tn = (e, t = {}, s = {}, r = !1, c) => {
-  const l = fe();
+  return t;
+}, ft = () => new AbortController(), On = (t, e = {}, s = {}, r = !1, c) => {
+  const l = ft();
   r && l.abort();
-  const i = re(t);
+  const i = rt(e);
   return {
-    call: X.get(e, {
+    call: X.get(t, {
       headers: {
         ...i
       },
@@ -418,12 +418,12 @@ const re = (e) => {
     }),
     controller: l
   };
-}, Te = (e, t = {}, s = {}, r = {}, c = !1, l) => {
-  const i = fe();
+}, Tt = (t, e = {}, s = {}, r = {}, c = !1, l) => {
+  const i = ft();
   c && i.abort();
-  const n = re(t);
+  const n = rt(e);
   return {
-    call: X.post(e, s, {
+    call: X.post(t, s, {
       headers: {
         ...n
       },
@@ -433,12 +433,12 @@ const re = (e) => {
     }),
     controller: i
   };
-}, An = (e, t = {}, s = {}, r = {}, c = !1, l) => {
-  const i = fe();
+}, $n = (t, e = {}, s = {}, r = {}, c = !1, l) => {
+  const i = ft();
   c && i.abort();
-  const n = re(t);
+  const n = rt(e);
   return {
-    call: X.put(e, s, {
+    call: X.put(t, s, {
       headers: {
         ...n
       },
@@ -448,12 +448,12 @@ const re = (e) => {
     }),
     controller: i
   };
-}, On = (e, t = {}, s = {}, r = {}, c = !1, l) => {
-  const i = fe();
+}, Rn = (t, e = {}, s = {}, r = {}, c = !1, l) => {
+  const i = ft();
   c && i.abort();
-  const n = re(t);
+  const n = rt(e);
   return {
-    call: X.patch(e, s, {
+    call: X.patch(t, s, {
       headers: {
         ...n
       },
@@ -463,12 +463,12 @@ const re = (e) => {
     }),
     controller: i
   };
-}, $n = (e, t = {}, s = {}, r = {}, c = !1, l) => {
-  const i = fe();
+}, Dn = (t, e = {}, s = {}, r = {}, c = !1, l) => {
+  const i = ft();
   c && i.abort();
-  const n = re(t);
+  const n = rt(e);
   return {
-    call: X.delete(e, {
+    call: X.delete(t, {
       headers: {
         ...n
       },
@@ -479,10 +479,10 @@ const re = (e) => {
     }),
     controller: i
   };
-}, ht = () => {
-  let e;
+}, ye = () => {
+  let t;
   return { callEndpoint: async (r) => {
-    r.controller && (e = r.controller);
+    r.controller && (t = r.controller);
     let c = {};
     try {
       c = await r.call;
@@ -491,39 +491,39 @@ const re = (e) => {
     }
     return c;
   }, cancelEndpoint: () => {
-    e && e.abort();
+    t && t.abort();
   } };
-}, ft = async (e, t, s = "", r = {}, c = {}) => {
+}, xe = async (t, e, s = "", r = {}, c = {}) => {
   try {
-    const { callEndpoint: l } = ht(), { api: i, headers: n } = e, d = yn(), a = new URLSearchParams({ session_name: t });
+    const { callEndpoint: l } = ye(), { api: i, headers: n } = t, d = mn(), a = new URLSearchParams({ session_name: e });
     s && a.append("hash_code", s), d && a.append("sessionId", d);
-    const _ = `${i}/not-front/next-ui/?${a.toString()}`, u = re(n), h = Te(
+    const _ = `${i}/not-front/next-ui/?${a.toString()}`, u = rt(n), h = Tt(
       _,
       u,
       r,
       c,
       !1,
-      t
+      e
     );
     return await l(h);
   } catch (l) {
     return console.error(l), Promise.reject(l);
   }
-}, yt = (e) => {
-  const t = e == null ? void 0 : e.toLowerCase();
-  switch (t) {
+}, me = (t) => {
+  const e = t == null ? void 0 : t.toLowerCase();
+  switch (e) {
     case "post":
     case "get":
     case "put":
     case "patch":
     case "delete":
-      return t;
+      return e;
     default:
       return "get";
   }
-}, Dn = (e, t, s) => {
-  const { url: r, paginationKeys: c, params: l } = e, i = [], n = (c == null ? void 0 : c.page) ?? "page";
-  if (i.push(`${n}=${t}`), typeof s == "string") {
+}, qn = (t, e, s) => {
+  const { url: r, paginationKeys: c, params: l } = t, i = [], n = (c == null ? void 0 : c.page) ?? "page";
+  if (i.push(`${n}=${e}`), typeof s == "string") {
     const _ = (c == null ? void 0 : c.text) ?? "text";
     i.push(`${_}=${encodeURIComponent(s || "")}`);
   }
@@ -535,14 +535,14 @@ const re = (e) => {
   }
   const d = i.join("&");
   return d ? `${r}?${d}` : r;
-}, Ie = (e, t, s, r) => {
-  const { type: c, url: l, method: i, headers: n } = e;
+}, Lt = (t, e, s, r) => {
+  const { type: c, url: l, method: i, headers: n } = t;
   if (c === "rest") {
-    const d = Dn(e, t, s), _ = { ...(e == null ? void 0 : e.data) ?? {}, ...r ?? {} };
+    const d = qn(t, e, s), _ = { ...(t == null ? void 0 : t.data) ?? {}, ...r ?? {} };
     return {
       type: "rest",
       url: d,
-      method: yt(i),
+      method: me(i),
       headers: n,
       data: _
     };
@@ -552,22 +552,22 @@ const re = (e) => {
       url: l,
       method: "post",
       headers: n,
-      query: e == null ? void 0 : e.query,
+      query: t == null ? void 0 : t.query,
       variables: {
-        ...(e == null ? void 0 : e.variables) || {},
+        ...(t == null ? void 0 : t.variables) || {},
         ...typeof s == "string" ? { text: s } : {},
-        page: t
+        page: e
       }
     };
 }, G = () => {
-  const e = v((n) => n), { callEndpoint: t } = ht(), s = async (n, d, a, _, u = !0) => {
+  const t = v((n) => n), { callEndpoint: e } = ye(), s = async (n, d, a, _, u = !0) => {
     var h;
     try {
-      const f = (h = e[n]) == null ? void 0 : h.apiConfig, x = {
+      const f = (h = t[n]) == null ? void 0 : h.apiConfig, x = {
         state: { ...a },
         triggerKey: _
       };
-      return u && F(n, !0), await ft(
+      return u && F(n, !0), await xe(
         f,
         n,
         d,
@@ -578,25 +578,25 @@ const re = (e) => {
     }
   }, r = (n, d) => {
     const { url: a, headers: _, data: u, params: h } = n;
-    switch (yt(n.method)) {
+    switch (me(n.method)) {
       case "post":
-        return Te(a, _, u, {}, !1, d);
+        return Tt(a, _, u, {}, !1, d);
       case "put":
-        return An(a, _, u, {}, !1, d);
+        return $n(a, _, u, {}, !1, d);
       case "patch":
-        return On(a, _, u, {}, !1, d);
+        return Rn(a, _, u, {}, !1, d);
       case "delete":
-        return $n(a, _, u, h, !1, d);
+        return Dn(a, _, u, h, !1, d);
       case "get":
       default:
-        return Tn(a, _, h, !1, d);
+        return On(a, _, h, !1, d);
     }
   }, c = (n, d) => {
     const { url: a, headers: _ } = n, u = {
       query: n == null ? void 0 : n.query,
       variables: (n == null ? void 0 : n.variables) || {}
     };
-    return Te(
+    return Tt(
       a,
       {
         ..._,
@@ -626,7 +626,7 @@ const re = (e) => {
         default:
           throw new Error("[fetchDataSource] Unsupported data source type");
       }
-      return await t(h);
+      return await e(h);
     } catch (h) {
       const f = h;
       return console.error("[fetchDataSource] Error:", f), {
@@ -662,12 +662,12 @@ const re = (e) => {
       }
     }
   };
-}, Rn = "_accordion_1ri2t_1", qn = "_accordionBody_1ri2t_8", Je = {
-  accordion: Rn,
-  accordionBody: qn
-}, In = (e) => {
+}, In = "_accordion_1ri2t_1", Ln = "_accordionBody_1ri2t_8", Wt = {
+  accordion: In,
+  accordionBody: Ln
+}, Kn = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     responseKey: r,
     dependencies: c,
@@ -675,93 +675,93 @@ const re = (e) => {
     actionContent: i,
     components: n,
     ...d
-  } = e, { getNextUI: a } = G(), [_, u] = $(
+  } = t, { getNextUI: a } = G(), [_, u] = $(
     d.checkboxChecked || !1
   ), { disabled: h } = M(
-    t,
+    e,
     c
-  ), f = E(t, s, n), x = i ? E(t, s, i) : void 0, b = l ? E(t, s, l) : void 0, g = L(
+  ), f = E(e, s, n), x = i ? E(e, s, i) : void 0, b = l ? E(e, s, l) : void 0, g = L(
     async (p) => {
       var C;
       try {
         const j = p.target.checked;
         u(j);
-        const w = {
-          ...(C = v.getState()[t]) == null ? void 0 : C.entries,
+        const N = {
+          ...(C = v.getState()[e]) == null ? void 0 : C.entries,
           [r]: j
         };
-        if (I(t, w), d.actionType === "GO_TO_NEXT_UI") {
-          const N = await a(
-            t,
+        if (I(e, N), d.actionType === "GO_TO_NEXT_UI") {
+          const w = await a(
+            e,
             s,
-            w,
+            N,
             r
           );
-          N != null && N.data && K(t, N == null ? void 0 : N.data);
+          w != null && w.data && K(e, w == null ? void 0 : w.data);
         }
       } catch (j) {
         console.error("Error in accordion checkbox action:", j), alert(JSON.stringify(j));
       }
     },
-    [t, s, r, d.actionType, a]
+    [e, s, r, d.actionType, a]
   ), y = d.disabled || h, m = {
     ...d,
-    className: Je.accordion,
+    className: Wt.accordion,
     disabled: y,
     checkboxChecked: _,
     onChanceCheckbox: d.hasCheckbox ? g : void 0,
-    actionContent: x ? /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((p, C) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-action-${C}`)) }) : void 0,
-    customContent: b ? /* @__PURE__ */ o.jsx(o.Fragment, { children: b.map((p, C) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-custom-${C}`)) }) : void 0,
-    children: f ? /* @__PURE__ */ o.jsx("section", { className: Je.accordionBody, children: f.map((p, C) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-child-${C}`)) }) : void 0
+    actionContent: x ? /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((p, C) => /* @__PURE__ */ o.jsx(k, { children: p }, `accordion-action-${C}`)) }) : void 0,
+    customContent: b ? /* @__PURE__ */ o.jsx(o.Fragment, { children: b.map((p, C) => /* @__PURE__ */ o.jsx(k, { children: p }, `accordion-custom-${C}`)) }) : void 0,
+    children: f ? /* @__PURE__ */ o.jsx("section", { className: Wt.accordionBody, children: f.map((p, C) => /* @__PURE__ */ o.jsx(k, { children: p }, `accordion-child-${C}`)) }) : void 0
   };
-  return /* @__PURE__ */ o.jsx(kt, { ...m });
-}, Ln = (e) => {
-  const t = he.useThemeStore((i) => i.theme.mode), s = e.dataSource, r = O(() => ({
-    url: e.dataSource.url,
-    method: e.dataSource.method,
-    headers: e.dataSource.headers,
+  return /* @__PURE__ */ o.jsx(Te, { ...m });
+}, Bn = (t) => {
+  const e = ht.useThemeStore((i) => i.theme.mode), s = t.dataSource, r = O(() => ({
+    url: t.dataSource.url,
+    method: t.dataSource.method,
+    headers: t.dataSource.headers,
     params: s == null ? void 0 : s.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, s == null ? void 0 : s.data]), c = e.locale ?? "en", l = O(() => {
+  }), [t.dataSource.url, t.dataSource.method, t.dataSource.headers, s == null ? void 0 : s.data]), c = t.locale ?? "en", l = O(() => {
     var n, d, a, _, u;
     const i = {
-      title: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.title,
-      welcomeTitle: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.welcomeTitle,
-      welcomeDescription: (a = e == null ? void 0 : e.translations) == null ? void 0 : a.welcomeDescription,
-      placeholder: (_ = e == null ? void 0 : e.translations) == null ? void 0 : _.placeholder,
-      disclaimer: (u = e == null ? void 0 : e.translations) == null ? void 0 : u.disclaimer
+      title: (n = t == null ? void 0 : t.translations) == null ? void 0 : n.title,
+      welcomeTitle: (d = t == null ? void 0 : t.translations) == null ? void 0 : d.welcomeTitle,
+      welcomeDescription: (a = t == null ? void 0 : t.translations) == null ? void 0 : a.welcomeDescription,
+      placeholder: (_ = t == null ? void 0 : t.translations) == null ? void 0 : _.placeholder,
+      disclaimer: (u = t == null ? void 0 : t.translations) == null ? void 0 : u.disclaimer
     };
     return Object.fromEntries(Object.entries(i).filter(([, h]) => !!h));
-  }, [e == null ? void 0 : e.translations]);
+  }, [t == null ? void 0 : t.translations]);
   return U(() => {
-    e.onResolveProps && e.onResolveProps({
+    t.onResolveProps && t.onResolveProps({
       dataSource: r,
       locale: c,
       translations: l,
-      initialSuggestions: e.initialSuggestions,
-      theme: t
+      initialSuggestions: t.initialSuggestions,
+      theme: e
     });
   }, [
-    e.onResolveProps,
+    t.onResolveProps,
     r,
     c,
     l,
-    e.initialSuggestions,
-    t
-  ]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx(
-    en,
+    t.initialSuggestions,
+    e
+  ]), t.onResolveProps ? null : /* @__PURE__ */ o.jsx(
+    nn,
     {
       dataSource: r,
       locale: c,
       translations: l,
-      initialSuggestions: e.initialSuggestions,
-      theme: t
+      initialSuggestions: t.initialSuggestions,
+      theme: e
     }
   );
-}, Kn = "_promptCodeEditor_1d57s_1", Bn = {
-  promptCodeEditor: Kn
-}, Mn = (e) => {
+}, Mn = "_promptCodeEditor_1d57s_1", Hn = {
+  promptCodeEditor: Mn
+}, Gn = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     responseKey: s,
     codeBlockValue: r,
     language: c,
@@ -771,10 +771,10 @@ const re = (e) => {
     inputLabel: d,
     inputPlaceholder: a,
     codeBlockLabel: _
-  } = e, u = he.useThemeStore((p) => p.theme.mode), [h, f] = $(
+  } = t, u = ht.useThemeStore((p) => p.theme.mode), [h, f] = $(
     r || ""
   ), { disabled: x } = M(
-    t,
+    e,
     i
   ), b = l ?? x, g = c ?? "json", y = {
     url: (n == null ? void 0 : n.url) || "",
@@ -786,12 +786,12 @@ const re = (e) => {
     const C = {
       [s]: p
     };
-    I(t, C);
+    I(e, C);
   };
   return U(() => {
     r !== void 0 && r !== h && f(r);
-  }, [r]), /* @__PURE__ */ o.jsx("section", { className: Bn.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
-    tn,
+  }, [r]), /* @__PURE__ */ o.jsx("section", { className: Hn.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
+    sn,
     {
       themeMode: u,
       requestConfig: y,
@@ -804,70 +804,71 @@ const re = (e) => {
       onCodeChange: m
     }
   ) });
-}, Hn = "_summaryCard_jva4h_1", Gn = {
-  summaryCard: Hn
-}, Un = (e) => {
-  const t = e.dataSource, s = O(() => ({
-    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]), r = e.locale ?? "en", c = O(() => {
+}, Un = "_summaryCard_jva4h_1", Vn = {
+  summaryCard: Un
+}, zn = (t) => {
+  const e = t.dataSource, s = O(() => ({
+    url: t.dataSource.url,
+    method: t.dataSource.method,
+    headers: t.dataSource.headers,
+    body: e == null ? void 0 : e.data
+  }), [t.dataSource.url, t.dataSource.method, t.dataSource.headers, e == null ? void 0 : e.data]), r = t.locale ?? "en", c = O(() => {
     var i, n, d;
     const l = {
-      title: (i = e == null ? void 0 : e.translations) == null ? void 0 : i.title,
-      loading: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.loading,
-      noData: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.noData
+      title: (i = t == null ? void 0 : t.translations) == null ? void 0 : i.title,
+      loading: (n = t == null ? void 0 : t.translations) == null ? void 0 : n.loading,
+      noData: (d = t == null ? void 0 : t.translations) == null ? void 0 : d.noData
     };
     return Object.fromEntries(
       Object.entries(l).filter(([, a]) => !!a)
     );
-  }, [e == null ? void 0 : e.translations]);
+  }, [t == null ? void 0 : t.translations]);
   return U(() => {
-    e.onResolveProps && e.onResolveProps({
+    t.onResolveProps && t.onResolveProps({
       dataSource: s,
       locale: r,
       translations: c
     });
-  }, [e.onResolveProps, s, r, c]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Gn.summaryCard, children: /* @__PURE__ */ o.jsx(
-    nn,
+  }, [t.onResolveProps, s, r, c]), t.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Vn.summaryCard, children: /* @__PURE__ */ o.jsx(
+    rn,
     {
       dataSource: s,
       locale: r,
       translations: c
     }
   ) });
-}, Vn = "_body_14tsv_1", zn = "_body_content_14tsv_5", We = {
-  body: Vn,
-  body_content: zn
-}, Xn = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: We.body, children: /* @__PURE__ */ o.jsx("div", { className: We.body_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(A, { children: t }, s)) }) }), Jn = "_slotStack_1b4wy_1", Wn = {
-  slotStack: Jn
-}, Yn = (e) => {
+}, Xn = "_body_14tsv_1", Jn = "_body_content_14tsv_5", Yt = {
+  body: Xn,
+  body_content: Jn
+}, Wn = ({ inputs: t }) => /* @__PURE__ */ o.jsx("section", { className: Yt.body, children: /* @__PURE__ */ o.jsx("div", { className: Yt.body_content, children: t.map((e, s) => /* @__PURE__ */ o.jsx(k, { children: e }, s)) }) }), Yn = "_boxNotFront_67q2e_1", Qn = "_slotStack_67q2e_5", Qt = {
+  boxNotFront: Yn,
+  slotStack: Qn
+}, Zn = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     component: r,
     hash: c,
     responseKey: l,
     content: i
-  } = e, n = he.useThemeStore((_) => _.theme.mode) === "dark", d = E(
-    t,
+  } = t, n = ht.useThemeStore((_) => _.theme.mode) === "dark", d = E(
+    e,
     s,
     i != null && i.length ? i : null
-  ), a = d && d.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Wn.slotStack, children: d.map((_, u) => /* @__PURE__ */ o.jsx(A, { children: _ }, `box-${c}-${u}`)) }) : null;
-  return /* @__PURE__ */ o.jsx(St, { darkMode: n, children: a });
+  ), a = d && d.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Qt.slotStack, children: d.map((_, u) => /* @__PURE__ */ o.jsx(k, { children: _ }, `box-${c}-${u}`)) }) : null;
+  return /* @__PURE__ */ o.jsx(Ae, { className: Qt.boxNotFront, darkMode: n, children: a });
 };
-var ve = { exports: {} };
+var vt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ye;
-function Qn() {
-  return Ye || (Ye = 1, (function(e) {
+var Zt;
+function Fn() {
+  return Zt || (Zt = 1, (function(t) {
     (function() {
-      var t = {}.hasOwnProperty;
+      var e = {}.hasOwnProperty;
       function s() {
         for (var r = [], c = 0; c < arguments.length; c++) {
           var l = arguments[c];
@@ -886,27 +887,27 @@ function Qn() {
                 continue;
               }
               for (var d in l)
-                t.call(l, d) && l[d] && r.push(d);
+                e.call(l, d) && l[d] && r.push(d);
             }
           }
         }
         return r.join(" ");
       }
-      e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+      t.exports ? (s.default = s, t.exports = s) : window.classNames = s;
     })();
-  })(ve)), ve.exports;
+  })(vt)), vt.exports;
 }
-var Zn = Qn();
-const te = /* @__PURE__ */ wn(Zn), Fn = "_fieldset_1xrth_1", Pn = "_fieldsetColumn_1xrth_8", es = "_legend_1xrth_14", ts = "_options_1xrth_20", ns = "_optionsRow_1xrth_25", ss = "_optionsColumn_1xrth_36", P = {
-  fieldset: Fn,
-  fieldsetColumn: Pn,
-  legend: es,
-  options: ts,
-  optionsRow: ns,
-  optionsColumn: ss
-}, rs = (e) => {
+var Pn = Fn();
+const et = /* @__PURE__ */ vn(Pn), ts = "_fieldset_1xrth_1", es = "_fieldsetColumn_1xrth_8", ns = "_legend_1xrth_14", ss = "_options_1xrth_20", rs = "_optionsRow_1xrth_25", as = "_optionsColumn_1xrth_36", P = {
+  fieldset: ts,
+  fieldsetColumn: es,
+  legend: ns,
+  options: ss,
+  optionsRow: rs,
+  optionsColumn: as
+}, os = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     responseKey: r,
     label: c,
@@ -916,13 +917,13 @@ const te = /* @__PURE__ */ wn(Zn), Fn = "_fieldset_1xrth_1", Pn = "_fieldsetColu
     dependencies: d,
     direction: a,
     items: _
-  } = e, u = a === "column" ? "column" : "row", { getNextUI: h } = G(), { disabled: f } = M(
-    t,
+  } = t, u = a === "column" ? "column" : "row", { getNextUI: h } = G(), { disabled: f } = M(
+    e,
     d
   ), x = v(
     (p) => {
       var C, j;
-      return (j = (C = p[t]) == null ? void 0 : C.entries) == null ? void 0 : j[r];
+      return (j = (C = p[e]) == null ? void 0 : C.entries) == null ? void 0 : j[r];
     }
   ), b = x != null ? String(x) : l ?? "", g = f, y = O(() => c ? i ? `${c} *` : c : null, [c, i]), m = L(
     async (p) => {
@@ -930,18 +931,18 @@ const te = /* @__PURE__ */ wn(Zn), Fn = "_fieldset_1xrth_1", Pn = "_fieldsetColu
       if (!g)
         try {
           const j = {
-            ...(C = v.getState()[t]) == null ? void 0 : C.entries,
+            ...(C = v.getState()[e]) == null ? void 0 : C.entries,
             [r]: p
           };
-          if (I(t, j), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
-            const k = await h(
-              t,
+          if (I(e, j), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
+            const S = await h(
+              e,
               s,
               j,
               r,
               n === "GO_TO_NEXT_UI"
             );
-            k != null && k.data && K(t, k == null ? void 0 : k.data);
+            S != null && S.data && K(e, S == null ? void 0 : S.data);
           }
         } catch (j) {
           alert(JSON.stringify(j));
@@ -953,13 +954,13 @@ const te = /* @__PURE__ */ wn(Zn), Fn = "_fieldset_1xrth_1", Pn = "_fieldsetColu
       g,
       s,
       r,
-      t
+      e
     ]
   );
   return /* @__PURE__ */ o.jsxs(
     "fieldset",
     {
-      className: te(
+      className: et(
         P.fieldset,
         u === "column" && P.fieldsetColumn
       ),
@@ -968,12 +969,12 @@ const te = /* @__PURE__ */ wn(Zn), Fn = "_fieldset_1xrth_1", Pn = "_fieldsetColu
         /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: te(
+            className: et(
               P.options,
               u === "column" ? P.optionsColumn : P.optionsRow
             ),
             children: _.map((p) => /* @__PURE__ */ o.jsx(
-              Tt,
+              Oe,
               {
                 name: r,
                 value: p.value,
@@ -991,27 +992,27 @@ const te = /* @__PURE__ */ wn(Zn), Fn = "_fieldset_1xrth_1", Pn = "_fieldsetColu
       ]
     }
   );
-}, as = ({
-  userFlow: e,
-  pageId: t,
+}, cs = ({
+  userFlow: t,
+  pageId: e,
   component: s,
   hash: r,
   responseKey: c,
   items: l,
   itemActive: i,
   darkMode: n
-}) => /* @__PURE__ */ o.jsx(At, { items: l, itemActive: i, darkMode: n }), os = ({
-  userFlow: e,
-  pageId: t,
+}) => /* @__PURE__ */ o.jsx($e, { items: l, itemActive: i, darkMode: n }), is = ({
+  userFlow: t,
+  pageId: e,
   component: s,
   hash: r,
   responseKey: c,
   total: l,
   done: i,
   inProgress: n
-}) => /* @__PURE__ */ o.jsx(Ot, { total: l, done: i, inProgress: n }), cs = ({
-  userFlow: e,
-  items: t,
+}) => /* @__PURE__ */ o.jsx(Re, { total: l, done: i, inProgress: n }), ls = ({
+  userFlow: t,
+  items: e,
   responseKey: s
 }) => {
   const { getNextUI: r } = G(), c = L(
@@ -1021,12 +1022,12 @@ const te = /* @__PURE__ */ wn(Zn), Fn = "_fieldset_1xrth_1", Pn = "_fieldsetColu
         switch (i) {
           case "GO_TO_NEXT_UI":
             const _ = await r(
-              e,
+              t,
               n,
-              { ...(a = v.getState()[e]) == null ? void 0 : a.entries },
+              { ...(a = v.getState()[t]) == null ? void 0 : a.entries },
               s
             );
-            _ != null && _.data && K(e, _ == null ? void 0 : _.data);
+            _ != null && _.data && K(t, _ == null ? void 0 : _.data);
             break;
           case "REDIRECT":
             d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
@@ -1040,62 +1041,62 @@ const te = /* @__PURE__ */ wn(Zn), Fn = "_fieldset_1xrth_1", Pn = "_fieldsetColu
       }
     },
     []
-  ), l = O(() => t == null ? void 0 : t.map((i) => ({
+  ), l = O(() => e == null ? void 0 : e.map((i) => ({
     title: i == null ? void 0 : i.title,
     component: /* @__PURE__ */ o.jsx("div", { onClick: () => c(i) })
   })), []);
-  return /* @__PURE__ */ o.jsx($t, { items: l });
+  return /* @__PURE__ */ o.jsx(De, { items: l });
 };
-function pe(e, t) {
+function pt(t, e) {
   const { getNextUI: s, fetchDataSource: r, fetchAndGetNextUI: c } = G();
   return L(
     async (l) => {
       var h, f, x, b;
-      const { responseKey: i, actionType: n, dataSource: d, redirectUrl: a, dependencies: _ } = l, u = (h = v.getState()[e]) == null ? void 0 : h.entries;
-      if (!ut(u, _))
+      const { responseKey: i, actionType: n, dataSource: d, redirectUrl: a, dependencies: _ } = l, u = (h = v.getState()[t]) == null ? void 0 : h.entries;
+      if (!fe(u, _))
         try {
           const g = {
-            ...(f = v.getState()[e]) == null ? void 0 : f.entries,
+            ...(f = v.getState()[t]) == null ? void 0 : f.entries,
             [i]: { status: 200 }
           };
-          switch (I(e, g), n) {
+          switch (I(t, g), n) {
             case "CLOSE_MODAL":
-              qe(e, !1);
+              It(t, !1);
               break;
             case "CLOSE_DRAWER":
-              _e(e, !1);
+              _t(t, !1);
               break;
             case "OPEN_DRAWER":
-              _e(e, !0);
+              _t(t, !0);
               break;
             case "GO_TO_NEXT_UI": {
               const y = await s(
-                e,
                 t,
+                e,
                 g,
                 i
               );
-              y != null && y.data && K(e, y == null ? void 0 : y.data);
+              y != null && y.data && K(t, y == null ? void 0 : y.data);
               break;
             }
             case "FETCH_AND_GO_TO_NEXT_UI": {
               const y = await c(
-                e,
                 t,
+                e,
                 g,
                 i,
                 d
               );
-              y != null && y.data && K(e, y == null ? void 0 : y.data);
+              y != null && y.data && K(t, y == null ? void 0 : y.data);
               break;
             }
             case "FETCH_DATA_SOURCE": {
               const y = await r(
                 d,
-                e,
+                t,
                 !1
               );
-              I(e, {
+              I(t, {
                 [i]: {
                   status: y == null ? void 0 : y.status,
                   content: y == null ? void 0 : y.data
@@ -1105,28 +1106,28 @@ function pe(e, t) {
             }
             case "GET_DATA_SOURCE": {
               const y = await s(
-                e,
                 t,
+                e,
                 g,
                 i
               ), m = (x = y == null ? void 0 : y.data) == null ? void 0 : x.content;
               if ((m == null ? void 0 : m.type) !== "fetch")
                 break;
-              const p = m == null ? void 0 : m.dataSource, C = await r(p, e, !1), j = {
-                ...(b = v.getState()[e]) == null ? void 0 : b.entries,
+              const p = m == null ? void 0 : m.dataSource, C = await r(p, t, !1), j = {
+                ...(b = v.getState()[t]) == null ? void 0 : b.entries,
                 [i]: {
                   status: C == null ? void 0 : C.status,
                   content: C == null ? void 0 : C.data
                 }
               };
-              I(e, j);
-              const w = await s(
-                e,
+              I(t, j);
+              const N = await s(
                 t,
+                e,
                 j,
                 i
               );
-              w != null && w.data && K(e, w == null ? void 0 : w.data);
+              N != null && N.data && K(t, N == null ? void 0 : N.data);
               break;
             }
             case "REDIRECT":
@@ -1143,14 +1144,14 @@ function pe(e, t) {
       c,
       r,
       s,
-      t,
-      e
+      e,
+      t
     ]
   );
 }
-const is = (e) => {
+const ds = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     responseKey: r,
     actionType: c,
@@ -1161,13 +1162,13 @@ const is = (e) => {
     dependencies: a,
     onClick: _,
     ...u
-  } = e, h = pe(t, s), { disabled: f } = M(
-    t,
+  } = t, h = pt(e, s), { disabled: f } = M(
+    e,
     a
   ), x = {
     ...u,
     children: i ?? l
-  }, b = (x == null ? void 0 : x.disabled) ?? f, [g, y] = $(!1), m = ue(!1), p = L(async () => {
+  }, b = (x == null ? void 0 : x.disabled) ?? f, [g, y] = $(!1), m = ut(!1), p = L(async () => {
     if (m.current)
       return;
     const C = c === "FETCH_DATA_SOURCE";
@@ -1194,7 +1195,7 @@ const is = (e) => {
     h
   ]);
   return /* @__PURE__ */ o.jsx(
-    Dt,
+    qe,
     {
       ...x,
       loading: x.loading || g,
@@ -1202,11 +1203,11 @@ const is = (e) => {
       onClick: () => !b && !g && (_ ?? p)()
     }
   );
-}, ls = "_slotStack_12u4t_5", Qe = {
-  slotStack: ls
-}, ds = (e) => {
+}, _s = "_slotStack_12u4t_5", At = {
+  slotStack: _s
+}, us = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     component: r,
     hash: c,
@@ -1215,20 +1216,20 @@ const is = (e) => {
     content: n,
     actionContent: d,
     ...a
-  } = e, { disabled: _ } = M(
-    t,
+  } = t, { disabled: _ } = M(
+    e,
     i
   ), u = E(
-    t,
+    e,
     s,
     n && n.length > 0 ? n : null
   ), h = E(
-    t,
+    e,
     s,
     d && d.length > 0 ? d : null
-  ), f = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Qe.slotStack, children: u.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `card-accordion-body-${c}-${y}`)) }) : void 0, x = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Qe.slotStack, children: h.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `card-accordion-actions-${c}-${y}`)) }) : void 0, b = a.disabled || _;
+  ), f = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: At.slotStack, children: u.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `card-accordion-body-${c}-${y}`)) }) : void 0, x = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: At.slotStack, children: h.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `card-accordion-actions-${c}-${y}`)) }) : void 0, b = a.disabled || _;
   return /* @__PURE__ */ o.jsx(
-    Rt,
+    Ie,
     {
       ...a,
       disabled: b,
@@ -1236,11 +1237,11 @@ const is = (e) => {
       children: f ?? null
     }
   );
-}, _s = "_slotStack_ivk5b_1", us = {
-  slotStack: _s
-}, hs = (e) => {
+}, hs = "_slotStack_ivk5b_1", fs = {
+  slotStack: hs
+}, ys = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     component: r,
     hash: c,
@@ -1252,78 +1253,78 @@ const is = (e) => {
     dataSource: _,
     redirectUrl: u,
     dependencies: h
-  } = e, { getNextUI: f, fetchDataSource: x, fetchAndGetNextUI: b } = G(), { disabled: g } = M(
-    t,
+  } = t, { getNextUI: f, fetchDataSource: x, fetchAndGetNextUI: b } = G(), { disabled: g } = M(
+    e,
     h
   ), y = d ?? g, m = E(
-    t,
+    e,
     s,
     i && i.length > 0 ? i : null
-  ), p = m && m.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: us.slotStack, children: m.map((j, w) => /* @__PURE__ */ o.jsx(A, { children: j }, `card-body-${c}-${w}`)) }) : null, C = L(async () => {
-    var j, w, N;
+  ), p = m && m.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: fs.slotStack, children: m.map((j, N) => /* @__PURE__ */ o.jsx(k, { children: j }, `card-body-${c}-${N}`)) }) : null, C = L(async () => {
+    var j, N, w;
     if (!(!a || y))
       try {
-        const k = {
-          ...(j = v.getState()[t]) == null ? void 0 : j.entries,
+        const S = {
+          ...(j = v.getState()[e]) == null ? void 0 : j.entries,
           [l]: { status: 200 }
         };
-        switch (I(t, k), a) {
+        switch (I(e, S), a) {
           case "CLOSE_MODAL":
-            qe(t, !1);
+            It(e, !1);
             break;
           case "CLOSE_DRAWER":
-            _e(t, !1);
+            _t(e, !1);
             break;
           case "OPEN_DRAWER":
-            _e(t, !0);
+            _t(e, !0);
             break;
           case "GO_TO_NEXT_UI":
           case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
             const q = await f(
-              t,
+              e,
               s,
-              k,
+              S,
               l,
               a === "GO_TO_NEXT_UI"
             );
-            q != null && q.data && K(t, q == null ? void 0 : q.data);
+            q != null && q.data && K(e, q == null ? void 0 : q.data);
             break;
           }
           case "FETCH_AND_GO_TO_NEXT_UI": {
-            const R = await b(
-              t,
+            const D = await b(
+              e,
               s,
-              k,
+              S,
               l,
               _
             );
-            R != null && R.data && K(t, R == null ? void 0 : R.data);
+            D != null && D.data && K(e, D == null ? void 0 : D.data);
             break;
           }
           case "GET_DATA_SOURCE": {
-            const R = await f(
-              t,
+            const D = await f(
+              e,
               s,
-              k,
+              S,
               l
-            ), q = (w = R == null ? void 0 : R.data) == null ? void 0 : w.content;
+            ), q = (N = D == null ? void 0 : D.data) == null ? void 0 : N.content;
             if ((q == null ? void 0 : q.type) !== "fetch")
               break;
-            const Q = q == null ? void 0 : q.dataSource, V = await x(Q, t, !1), S = {
-              ...(N = v.getState()[t]) == null ? void 0 : N.entries,
+            const Q = q == null ? void 0 : q.dataSource, V = await x(Q, e, !1), T = {
+              ...(w = v.getState()[e]) == null ? void 0 : w.entries,
               [l]: {
                 status: V == null ? void 0 : V.status,
                 content: V == null ? void 0 : V.data
               }
             };
-            I(t, S);
+            I(e, T);
             const H = await f(
-              t,
+              e,
               s,
-              S,
+              T,
               l
             );
-            H != null && H.data && K(t, H == null ? void 0 : H.data);
+            H != null && H.data && K(e, H == null ? void 0 : H.data);
             break;
           }
           case "REDIRECT":
@@ -1332,8 +1333,8 @@ const is = (e) => {
           default:
             console.warn(`Unhandled card actionType: ${a}`);
         }
-      } catch (k) {
-        alert(JSON.stringify(k));
+      } catch (S) {
+        alert(JSON.stringify(S));
       }
   }, [
     a,
@@ -1345,10 +1346,10 @@ const is = (e) => {
     s,
     u,
     l,
-    t
+    e
   ]);
   return /* @__PURE__ */ o.jsx(
-    qt,
+    Le,
     {
       colorId: n,
       disabled: y,
@@ -1356,16 +1357,30 @@ const is = (e) => {
       children: p
     }
   );
-}, fs = (e) => {
-  const { content: t, description: s, ...r } = e, c = {
-    ...r,
-    children: t ?? s
-  };
-  return /* @__PURE__ */ o.jsx(xe, { ...c });
-}, Ee = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, ys = (e, t) => {
-  if (!t || e == null)
+}, xs = (t) => {
+  const {
+    userFlow: e,
+    pageId: s,
+    component: r,
+    hash: c,
+    responseKey: l,
+    content: i,
+    description: n,
+    ...d
+  } = t, a = Array.isArray(i), _ = E(
+    e,
+    s,
+    a && i.length > 0 ? i : null
+  );
+  let u;
+  return _ && _.length > 0 ? u = /* @__PURE__ */ o.jsxs("div", { className: At.slotStack, children: [
+    n ? /* @__PURE__ */ o.jsx(ae, { type: "sm", children: n }) : null,
+    _.map((h, f) => /* @__PURE__ */ o.jsx(k, { children: h }, `card-notification-body-${c}-${f}`))
+  ] }) : u = (typeof i == "string" ? i : void 0) ?? n, /* @__PURE__ */ o.jsx(xt, { ...d, children: u });
+}, Et = (t) => Array.isArray(t) ? t : typeof t == "object" ? JSON.stringify(t) : t, ms = (t, e) => {
+  if (!e || t == null)
     return null;
-  const { extractionJsonPath: s, injectionJsonPath: r } = t, c = B.value(e, s);
+  const { extractionJsonPath: s, injectionJsonPath: r } = e, c = B.value(t, s);
   if (c == null)
     return null;
   try {
@@ -1378,194 +1393,194 @@ const is = (e) => {
       l
     ), null;
   }
-}, xt = (e, t, s, r) => {
-  const c = B.query(e, t), l = c == null ? void 0 : c.map((_) => {
+}, ge = (t, e, s, r) => {
+  const c = B.query(t, e), l = c == null ? void 0 : c.map((_) => {
     var u, h;
     if (s) {
       const f = {};
       for (const [x, b] of Object.entries(s))
         if (typeof b == "object" && "path" in b) {
           const g = b, y = (u = B.query(_, g.path)) == null ? void 0 : u[0];
-          g.translations && String(y) in g.translations ? f[x] = Ee(
+          g.translations && String(y) in g.translations ? f[x] = Et(
             g.translations[String(y)]
-          ) : f[x] = Ee(y);
+          ) : f[x] = Et(y);
         } else {
           const g = b;
-          f[x] = Ee((h = B.query(_, g)) == null ? void 0 : h[0]);
+          f[x] = Et((h = B.query(_, g)) == null ? void 0 : h[0]);
         }
       return f;
     } else
       return _;
-  }), i = B.value(e, (r == null ? void 0 : r.size) ?? "$.meta.size") ?? c.length, n = B.value(e, (r == null ? void 0 : r.total) ?? "$.meta.total") ?? 0, d = r != null && r.hasMore ? !!B.value(e, r.hasMore) : void 0, a = {
+  }), i = B.value(t, (r == null ? void 0 : r.size) ?? "$.meta.size") ?? c.length, n = B.value(t, (r == null ? void 0 : r.total) ?? "$.meta.total") ?? 0, d = r != null && r.hasMore ? !!B.value(t, r.hasMore) : void 0, a = {
     size: i,
     total: n,
     totalPages: r != null && r.totalPages ? B.value(
-      e,
+      t,
       (r == null ? void 0 : r.totalPages) ?? "$.meta.totalPages"
     ) : i > 0 ? Math.ceil(n / i) : 0,
     ...d !== void 0 ? { hasMore: d } : {}
   };
   return { items: l, pagination: a };
-}, ae = ({
-  width: e,
-  height: t,
+}, at = ({
+  width: t,
+  height: e,
   layout: s,
   data: r,
   Chart: c,
   children: l
 }) => {
-  const i = t ?? ne, n = s ? { layout: s } : {};
-  return e ? /* @__PURE__ */ o.jsx(c, { width: e, height: i, data: r, ...n, children: l }) : /* @__PURE__ */ o.jsx(Ae, { width: "100%", height: i, children: /* @__PURE__ */ o.jsx(c, { data: r, ...n, children: l }) });
-}, J = ({ withPadding: e = !1 }) => {
-  const t = (s) => /* @__PURE__ */ o.jsx("span", { style: { color: T.labelColor }, children: s });
+  const i = e ?? nt, n = s ? { layout: s } : {};
+  return t ? /* @__PURE__ */ o.jsx(c, { width: t, height: i, data: r, ...n, children: l }) : /* @__PURE__ */ o.jsx(Ot, { width: "100%", height: i, children: /* @__PURE__ */ o.jsx(c, { data: r, ...n, children: l }) });
+}, J = ({ withPadding: t = !1 }) => {
+  const e = (s) => /* @__PURE__ */ o.jsx("span", { style: { color: A.labelColor }, children: s });
   return /* @__PURE__ */ o.jsx(
-    sn,
+    an,
     {
-      formatter: t,
+      formatter: e,
       wrapperStyle: {
-        fontSize: T.fontSize,
-        fontFamily: T.fontFamily,
-        padding: e ? "1rem 0" : "0"
+        fontSize: A.fontSize,
+        fontFamily: A.fontFamily,
+        padding: t ? "1rem 0" : "0"
       }
     }
   );
-}, xs = ({
-  active: e,
-  payload: t,
+}, gs = ({
+  active: t,
+  payload: e,
   label: s,
   tooltipKey: r,
   tooltipCoverage: c
 }) => {
   var _, u;
-  if (!e || !t || !t.length)
+  if (!t || !e || !e.length)
     return null;
   const l = {
-    backgroundColor: T.tooltipBg,
-    borderRadius: T.tooltipBorderRadius,
-    color: T.tooltipColor,
+    backgroundColor: A.tooltipBg,
+    borderRadius: A.tooltipBorderRadius,
+    color: A.tooltipColor,
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
   if (r) {
-    const h = (_ = t[0]) == null ? void 0 : _.payload;
+    const h = (_ = e[0]) == null ? void 0 : _.payload;
     if (h && h[r] !== void 0 && h[r] !== null)
       return /* @__PURE__ */ o.jsx("div", { style: l, children: /* @__PURE__ */ o.jsx("p", { style: { margin: 0 }, children: h[r] }) });
   }
-  const i = (u = t[0]) == null ? void 0 : u.payload, n = (c == null ? void 0 : c.label) ?? "Cobertura", d = c ? i == null ? void 0 : i[c.denominatorKey] : void 0, a = c && d !== void 0 && d !== null && d > 0;
+  const i = (u = e[0]) == null ? void 0 : u.payload, n = (c == null ? void 0 : c.label) ?? "Cobertura", d = c ? i == null ? void 0 : i[c.denominatorKey] : void 0, a = c && d !== void 0 && d !== null && d > 0;
   return /* @__PURE__ */ o.jsxs("div", { style: l, children: [
     /* @__PURE__ */ o.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: s }),
-    t.map((h, f) => /* @__PURE__ */ o.jsx("p", { style: { margin: "2px 0", color: h.color }, children: `${h.name}: ${h.value}` }, f)),
+    e.map((h, f) => /* @__PURE__ */ o.jsx("p", { style: { margin: "2px 0", color: h.color }, children: `${h.name}: ${h.value}` }, f)),
     a && /* @__PURE__ */ o.jsx("p", { style: { margin: "2px 0" }, children: `${n}: ${Math.round(
       i[c.numeratorKey] / d * 100
     )}%` })
   ] });
 }, W = ({
-  tooltipKey: e,
-  tooltipCoverage: t,
+  tooltipKey: t,
+  tooltipCoverage: e,
   defaultIndex: s,
   hideContent: r = !1
 } = {}) => /* @__PURE__ */ o.jsx(
-  rn,
+  on,
   {
     defaultIndex: s,
     cursor: r ? !1 : void 0,
     content: r ? () => null : (c) => /* @__PURE__ */ o.jsx(
-      xs,
+      gs,
       {
         ...c,
-        tooltipKey: e,
-        tooltipCoverage: t
+        tooltipKey: t,
+        tooltipCoverage: e
       }
     )
   }
-), oe = ({ dataKey: e, hide: t = !1, type: s }) => /* @__PURE__ */ o.jsx(
-  an,
+), ot = ({ dataKey: t, hide: e = !1, type: s }) => /* @__PURE__ */ o.jsx(
+  cn,
   {
-    ...e ? { dataKey: e } : {},
+    ...t ? { dataKey: t } : {},
     ...s ? { type: s } : {},
-    hide: t,
+    hide: e,
     tick: {
-      fill: T.labelColor,
-      fontSize: T.fontSize
+      fill: A.labelColor,
+      fontSize: A.fontSize
     }
   }
 ), Y = ({
-  type: e,
-  dataKey: t,
+  type: t,
+  dataKey: e,
   width: s,
   yAxisId: r,
   orientation: c
 } = {}) => /* @__PURE__ */ o.jsx(
-  on,
+  ln,
   {
-    ...e ? { type: e } : {},
-    ...t ? { dataKey: t } : {},
+    ...t ? { type: t } : {},
+    ...e ? { dataKey: e } : {},
     ...s !== void 0 ? { width: s } : {},
     ...r ? { yAxisId: r } : {},
     ...c ? { orientation: c } : {},
     tick: {
-      fill: T.labelColor,
-      fontSize: T.fontSize
+      fill: A.labelColor,
+      fontSize: A.fontSize
     },
     tickMargin: 4
   }
-), ms = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: c, width: l } = e;
-  return /* @__PURE__ */ o.jsxs(ae, { width: l, data: t, Chart: cn, children: [
-    /* @__PURE__ */ o.jsx(se, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ o.jsx(oe, { dataKey: s }),
+), ps = (t) => {
+  const { data: e, xKey: s, yKeys: r, tooltipKey: c, width: l } = t;
+  return /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: dn, children: [
+    /* @__PURE__ */ o.jsx(st, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ o.jsx(ot, { dataKey: s }),
     /* @__PURE__ */ o.jsx(Y, {}),
     /* @__PURE__ */ o.jsx(W, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(J, {}),
     r.map((i, n) => /* @__PURE__ */ o.jsx(
-      ot,
+      ie,
       {
         type: "monotone",
         dataKey: i,
-        stroke: D[n % D.length],
-        fill: D[n % D.length]
+        stroke: R[n % R.length],
+        fill: R[n % R.length]
       },
       i
     ))
   ] });
-}, gs = (e) => {
-  const { data: t, yKeys: s, xKey: r, tooltipKey: c, width: l } = e;
-  return /* @__PURE__ */ o.jsxs(ae, { width: l, data: t, Chart: Oe, children: [
-    /* @__PURE__ */ o.jsx(se, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ o.jsx(oe, { dataKey: r }),
+}, bs = (t) => {
+  const { data: e, yKeys: s, xKey: r, tooltipKey: c, width: l } = t;
+  return /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: $t, children: [
+    /* @__PURE__ */ o.jsx(st, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ o.jsx(ot, { dataKey: r }),
     /* @__PURE__ */ o.jsx(Y, {}),
     /* @__PURE__ */ o.jsx(W, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(J, {}),
     s.map((i, n) => /* @__PURE__ */ o.jsx(
-      ge,
+      gt,
       {
         dataKey: i,
-        fill: D[n % D.length]
+        fill: R[n % R.length]
       },
       i
     ))
   ] });
 };
-var mt = { NODE_ENV: "production" };
-const ps = (e, t) => {
-  if (t != null && t.length)
-    return t;
+var pe = { NODE_ENV: "production" };
+const js = (t, e) => {
+  if (e != null && e.length)
+    return e;
   const s = [
-    ...new Set(e.map((r) => r.yAxisId).filter((r) => !!r))
+    ...new Set(t.map((r) => r.yAxisId).filter((r) => !!r))
   ];
   return s.length === 0 ? [] : s.map((r, c) => ({
     id: r,
     orientation: c === 1 ? "right" : "left"
   }));
-}, bs = (e, t) => {
-  !e.type && mt.NODE_ENV;
-  const s = e.color ?? D[t % D.length], r = e.label ?? e.key, c = e.yAxisId ? { yAxisId: e.yAxisId } : {};
-  switch (e.type) {
+}, Cs = (t, e) => {
+  !t.type && pe.NODE_ENV;
+  const s = t.color ?? R[e % R.length], r = t.label ?? t.key, c = t.yAxisId ? { yAxisId: t.yAxisId } : {};
+  switch (t.type) {
     case "area":
       return /* @__PURE__ */ o.jsx(
-        ot,
+        ie,
         {
-          dataKey: e.key,
+          dataKey: t.key,
           name: r,
           type: "monotone",
           fill: s,
@@ -1573,13 +1588,13 @@ const ps = (e, t) => {
           fillOpacity: 0.3,
           ...c
         },
-        e.key
+        t.key
       );
     case "line":
       return /* @__PURE__ */ o.jsx(
-        ct,
+        le,
         {
-          dataKey: e.key,
+          dataKey: t.key,
           name: r,
           type: "monotone",
           stroke: s,
@@ -1587,39 +1602,39 @@ const ps = (e, t) => {
           dot: !1,
           ...c
         },
-        e.key
+        t.key
       );
     case "bar":
       return /* @__PURE__ */ o.jsx(
-        ge,
+        gt,
         {
-          dataKey: e.key,
+          dataKey: t.key,
           name: r,
           fill: s,
-          stackId: e.stackId,
-          barSize: e.barSize,
+          stackId: t.stackId,
+          barSize: t.barSize,
           ...c
         },
-        e.key
+        t.key
       );
     default:
       return null;
   }
-}, js = (e) => {
+}, Ns = (t) => {
   const {
-    data: t,
+    data: e,
     xKey: s,
     series: r = [],
     tooltipKey: c,
     width: l,
     showLegend: i = !0,
     yAxes: n
-  } = e;
-  !r.length && mt.NODE_ENV;
-  const d = ps(r, n);
-  return /* @__PURE__ */ o.jsxs(ae, { width: l, data: t, Chart: ln, children: [
-    /* @__PURE__ */ o.jsx(se, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ o.jsx(oe, { dataKey: s }),
+  } = t;
+  !r.length && pe.NODE_ENV;
+  const d = js(r, n);
+  return /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: _n, children: [
+    /* @__PURE__ */ o.jsx(st, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ o.jsx(ot, { dataKey: s }),
     d.length > 0 ? d.map((a) => /* @__PURE__ */ o.jsx(
       Y,
       {
@@ -1630,9 +1645,9 @@ const ps = (e, t) => {
     )) : /* @__PURE__ */ o.jsx(Y, {}),
     /* @__PURE__ */ o.jsx(W, { tooltipKey: c }),
     i && /* @__PURE__ */ o.jsx(J, {}),
-    r.map((a, _) => bs(a, _))
+    r.map((a, _) => Cs(a, _))
   ] });
-}, Cs = "55%", ws = 120, Ns = (e) => (t) => {
+}, ws = "55%", vs = 120, Es = (t) => (e) => {
   const s = Math.PI / 180, {
     cx: r = 0,
     cy: c = 0,
@@ -1641,11 +1656,11 @@ const ps = (e, t) => {
     outerRadius: n = 0,
     startAngle: d = 0,
     endAngle: a = 0,
-    fill: _ = D[0],
+    fill: _ = R[0],
     payload: u,
     percent: h = 0,
     value: f = 0
-  } = t, x = Math.sin(-s * l), b = Math.cos(-s * l), g = r + (n + 10) * b, y = c + (n + 10) * x, m = r + (n + 30) * b, p = c + (n + 30) * x, C = m + (b >= 0 ? 1 : -1) * 22, j = p, w = b >= 0 ? "start" : "end", N = u, k = String((N == null ? void 0 : N[e]) ?? "");
+  } = e, x = Math.sin(-s * l), b = Math.cos(-s * l), g = r + (n + 10) * b, y = c + (n + 10) * x, m = r + (n + 30) * b, p = c + (n + 30) * x, C = m + (b >= 0 ? 1 : -1) * 22, j = p, N = b >= 0 ? "start" : "end", w = u, S = String((w == null ? void 0 : w[t]) ?? "");
   return /* @__PURE__ */ o.jsxs("g", { children: [
     /* @__PURE__ */ o.jsx(
       "text",
@@ -1654,14 +1669,14 @@ const ps = (e, t) => {
         y: c,
         dy: 8,
         textAnchor: "middle",
-        fill: T.labelColor,
-        fontSize: T.fontSize + 2,
-        fontFamily: T.fontFamily,
-        children: k
+        fill: A.labelColor,
+        fontSize: A.fontSize + 2,
+        fontFamily: A.fontFamily,
+        children: S
       }
     ),
     /* @__PURE__ */ o.jsx(
-      Be,
+      Mt,
       {
         cx: r,
         cy: c,
@@ -1673,7 +1688,7 @@ const ps = (e, t) => {
       }
     ),
     /* @__PURE__ */ o.jsx(
-      Be,
+      Mt,
       {
         cx: r,
         cy: c,
@@ -1698,10 +1713,10 @@ const ps = (e, t) => {
       {
         x: C + (b >= 0 ? 1 : -1) * 12,
         y: j,
-        textAnchor: w,
-        fill: T.labelColor,
-        fontSize: T.fontSize + 2,
-        fontFamily: T.fontFamily,
+        textAnchor: N,
+        fill: A.labelColor,
+        fontSize: A.fontSize + 2,
+        fontFamily: A.fontFamily,
         children: f
       }
     ),
@@ -1711,27 +1726,27 @@ const ps = (e, t) => {
         x: C + (b >= 0 ? 1 : -1) * 12,
         y: j,
         dy: 18,
-        textAnchor: w,
-        fill: T.labelColorMuted,
-        fontSize: T.fontSize,
-        fontFamily: T.fontFamily,
+        textAnchor: N,
+        fill: A.labelColorMuted,
+        fontSize: A.fontSize,
+        fontFamily: A.fontFamily,
         children: `(${(h * 100).toFixed(0)}%)`
       }
     )
   ] });
-}, vs = (e) => {
+}, ks = (t) => {
   const {
-    data: t,
+    data: e,
     xKey: s,
     yKeys: r,
     tooltipKey: c,
-    innerRadius: l = Cs,
-    outerRadius: i = ws,
+    innerRadius: l = ws,
+    outerRadius: i = vs,
     activeShape: n = !0,
     defaultIndex: d,
     showLegend: a = !0
-  } = e, _ = r[0];
-  return /* @__PURE__ */ o.jsx(Ae, { width: "100%", height: ne, children: /* @__PURE__ */ o.jsxs(it, { children: [
+  } = t, _ = r[0];
+  return /* @__PURE__ */ o.jsx(Ot, { width: "100%", height: nt, children: /* @__PURE__ */ o.jsxs(de, { children: [
     /* @__PURE__ */ o.jsx(
       W,
       {
@@ -1742,20 +1757,20 @@ const ps = (e, t) => {
     ),
     a && /* @__PURE__ */ o.jsx(J, {}),
     /* @__PURE__ */ o.jsx(
-      lt,
+      _e,
       {
-        data: t,
+        data: e,
         dataKey: _,
         nameKey: s,
         cx: "50%",
         cy: "50%",
         innerRadius: l,
         outerRadius: i,
-        activeShape: n ? Ns(s) : void 0,
-        children: t.map((u, h) => /* @__PURE__ */ o.jsx(
-          dt,
+        activeShape: n ? Es(s) : void 0,
+        children: e.map((u, h) => /* @__PURE__ */ o.jsx(
+          ue,
           {
-            fill: D[h % D.length]
+            fill: R[h % R.length]
           },
           `cell-${h}`
         ))
@@ -1763,27 +1778,27 @@ const ps = (e, t) => {
     )
   ] }) });
 };
-function Es(e, t, s = gt) {
-  return e <= 0 ? 0 : t <= 0 ? e : Math.max(e, t * s);
+function Ss(t, e, s = be) {
+  return t <= 0 ? 0 : e <= 0 ? t : Math.max(t, e * s);
 }
-function ks(e, t = Rs, s) {
-  return s !== void 0 ? s : e <= 0 ? ne : Math.max(ne, e * t);
+function Ts(t, e = Is, s) {
+  return s !== void 0 ? s : t <= 0 ? nt : Math.max(nt, t * e);
 }
-function Ss(e, t, s) {
+function As(t, e, s) {
   if (s !== void 0)
     return s;
-  const r = e.reduce((c, l) => {
-    const i = String(l[t] ?? "");
+  const r = t.reduce((c, l) => {
+    const i = String(l[e] ?? "");
     return Math.max(c, i.length);
   }, 0);
   return Math.max(
-    qs,
-    r * Is
+    Ls,
+    r * Ks
   );
 }
-const Ts = (e) => {
+const Os = (t) => {
   const {
-    data: t,
+    data: e,
     yKeys: s,
     xKey: r,
     tooltipKey: c,
@@ -1793,50 +1808,50 @@ const Ts = (e) => {
     showLegend: d = !0,
     yKeyLabels: a,
     yAxisWidth: _
-  } = e, u = ks(
-    t.length,
+  } = t, u = Ts(
+    e.length,
     l,
     i
-  ), h = Ss(t, r, _);
+  ), h = As(e, r, _);
   return /* @__PURE__ */ o.jsxs(
-    ae,
+    at,
     {
       height: u,
       layout: "vertical",
-      data: t,
-      Chart: Oe,
+      data: e,
+      Chart: $t,
       children: [
-        /* @__PURE__ */ o.jsx(se, { strokeDasharray: "3 3", horizontal: !1 }),
-        /* @__PURE__ */ o.jsx(oe, { type: "number" }),
+        /* @__PURE__ */ o.jsx(st, { strokeDasharray: "3 3", horizontal: !1 }),
+        /* @__PURE__ */ o.jsx(ot, { type: "number" }),
         /* @__PURE__ */ o.jsx(Y, { type: "category", dataKey: r, width: h }),
         /* @__PURE__ */ o.jsx(W, { tooltipKey: c, tooltipCoverage: n }),
         d && /* @__PURE__ */ o.jsx(J, {}),
         s.map((f, x) => /* @__PURE__ */ o.jsx(
-          ge,
+          gt,
           {
             dataKey: f,
             name: (a == null ? void 0 : a[f]) ?? f,
-            fill: D[x % D.length]
+            fill: R[x % R.length]
           },
           f
         ))
       ]
     }
   );
-}, As = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: c, width: l } = e;
-  return /* @__PURE__ */ o.jsxs(ae, { width: l, data: t, Chart: dn, children: [
-    /* @__PURE__ */ o.jsx(se, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ o.jsx(oe, { dataKey: s }),
+}, $s = (t) => {
+  const { data: e, xKey: s, yKeys: r, tooltipKey: c, width: l } = t;
+  return /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: un, children: [
+    /* @__PURE__ */ o.jsx(st, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ o.jsx(ot, { dataKey: s }),
     /* @__PURE__ */ o.jsx(Y, {}),
     /* @__PURE__ */ o.jsx(W, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(J, {}),
     r.map((i, n) => /* @__PURE__ */ o.jsx(
-      ct,
+      le,
       {
         type: "monotone",
         dataKey: i,
-        stroke: D[n % D.length],
+        stroke: R[n % R.length],
         strokeWidth: 2,
         dot: !1
       },
@@ -1844,28 +1859,28 @@ const Ts = (e) => {
     ))
   ] });
 };
-var Os = { NODE_ENV: "production" };
-const $s = (e) => {
-  const { data: t, xKey: s, series: r = [], tooltipKey: c, width: l } = e;
-  return !r.length && Os.NODE_ENV, /* @__PURE__ */ o.jsxs(ae, { width: l, data: t, Chart: Oe, children: [
-    /* @__PURE__ */ o.jsx(se, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ o.jsx(oe, { dataKey: s }),
+var Rs = { NODE_ENV: "production" };
+const Ds = (t) => {
+  const { data: e, xKey: s, series: r = [], tooltipKey: c, width: l } = t;
+  return !r.length && Rs.NODE_ENV, /* @__PURE__ */ o.jsxs(at, { width: l, data: e, Chart: $t, children: [
+    /* @__PURE__ */ o.jsx(st, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ o.jsx(ot, { dataKey: s }),
     /* @__PURE__ */ o.jsx(Y, {}),
     /* @__PURE__ */ o.jsx(W, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(J, {}),
     r.map((i, n) => /* @__PURE__ */ o.jsx(
-      ge,
+      gt,
       {
         dataKey: i.key,
         name: i.label ?? i.key,
         stackId: i.stackId,
-        fill: i.color ?? D[n % D.length]
+        fill: i.color ?? R[n % R.length]
       },
       i.key
     ))
   ] });
-}, Ds = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: c } = e, l = ({
+}, qs = (t) => {
+  const { data: e, xKey: s, yKeys: r, tooltipKey: c } = t, l = ({
     cx: i,
     cy: n,
     midAngle: d,
@@ -1879,51 +1894,51 @@ const $s = (e) => {
       {
         x,
         y: b,
-        fill: T.labelColor,
-        color: T.labelColor,
+        fill: A.labelColor,
+        color: A.labelColor,
         textAnchor: "middle",
         dominantBaseline: "central",
         children: u
       }
     );
   };
-  return /* @__PURE__ */ o.jsx(Ae, { width: "100%", height: ne, children: /* @__PURE__ */ o.jsxs(it, { children: [
+  return /* @__PURE__ */ o.jsx(Ot, { width: "100%", height: nt, children: /* @__PURE__ */ o.jsxs(de, { children: [
     /* @__PURE__ */ o.jsx(W, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(J, {}),
     /* @__PURE__ */ o.jsx(
-      lt,
+      _e,
       {
-        data: t,
+        data: e,
         dataKey: r[0],
         nameKey: s,
         label: l,
         outerRadius: 120,
-        children: t.map((i, n) => /* @__PURE__ */ o.jsx(
-          dt,
+        children: e.map((i, n) => /* @__PURE__ */ o.jsx(
+          ue,
           {
-            fill: D[n % D.length]
+            fill: R[n % R.length]
           },
           `cell-${n}`
         ))
       }
     )
   ] }) });
-}, ne = 400, gt = 56, Rs = 28, qs = 100, Is = 8, Ls = /* @__PURE__ */ new Set([
+}, nt = 400, be = 56, Is = 28, Ls = 100, Ks = 8, Bs = /* @__PURE__ */ new Set([
   "bar",
   "line",
   "area",
   "mixBar",
   "composed"
-]), Ks = {
-  area: ms,
-  bar: gs,
-  composed: js,
-  donut: vs,
-  horizontalBar: Ts,
-  line: As,
-  mixBar: $s,
-  pie: Ds
-}, D = [
+]), Ms = {
+  area: ps,
+  bar: bs,
+  composed: Ns,
+  donut: ks,
+  horizontalBar: Os,
+  line: $s,
+  mixBar: Ds,
+  pie: qs
+}, R = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
   "var(--color-primitive-palette-3-50)",
@@ -1941,7 +1956,7 @@ const $s = (e) => {
   "var(--color-primitive-palette-15-50)",
   "var(--color-primitive-palette-16-50)",
   "var(--color-primitive-palette-17-50)"
-], T = {
+], A = {
   fontFamily: "Roboto, sans-serif",
   fontSize: 12,
   labelColor: "var(--color-neutral-90)",
@@ -1949,15 +1964,15 @@ const $s = (e) => {
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, Bs = "_chartScrollViewport_sm5hx_1", Ms = "_chartScrollViewport_track_sm5hx_29", Ze = {
-  chartScrollViewport: Bs,
-  chartScrollViewport_track: Ms
-}, Hs = "Scrollable chart area", Gs = ({
-  dataLength: e,
-  minCategoryWidth: t,
+}, Hs = "_chartScrollViewport_sm5hx_1", Gs = "_chartScrollViewport_track_sm5hx_29", Ft = {
+  chartScrollViewport: Hs,
+  chartScrollViewport_track: Gs
+}, Us = "Scrollable chart area", Vs = ({
+  dataLength: t,
+  minCategoryWidth: e,
   children: s
 }) => {
-  const r = ue(null), [c, l] = $(0), i = t ?? gt;
+  const r = ut(null), [c, l] = $(0), i = e ?? be;
   U(() => {
     const _ = r.current;
     if (!_)
@@ -1969,9 +1984,9 @@ const $s = (e) => {
     const h = new ResizeObserver(u);
     return h.observe(_), () => h.disconnect();
   }, []);
-  const n = Es(
+  const n = Ss(
     c,
-    e,
+    t,
     i
   ), d = c > 0 && n > c, a = L(
     (_) => {
@@ -1998,35 +2013,35 @@ const $s = (e) => {
     "div",
     {
       ref: r,
-      className: Ze.chartScrollViewport,
+      className: Ft.chartScrollViewport,
       role: d ? "region" : void 0,
       tabIndex: d ? 0 : void 0,
-      "aria-label": d ? Hs : void 0,
+      "aria-label": d ? Us : void 0,
       onKeyDown: d ? a : void 0,
       children: /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: Ze.chartScrollViewport_track,
-          style: { width: n, height: ne },
+          className: Ft.chartScrollViewport_track,
+          style: { width: n, height: nt },
           children: c > 0 ? s(n) : null
         }
       )
     }
   );
-}, Us = (e) => {
-  const { component: t, userFlow: s, hash: r, responseKey: c, dataSource: l, ...i } = e, n = Ks[i.type], { fetchDataSource: d } = G(), [a, _] = $(!1), [u, h] = $([]), f = async () => {
+}, zs = (t) => {
+  const { component: e, userFlow: s, hash: r, responseKey: c, dataSource: l, ...i } = t, n = Ms[i.type], { fetchDataSource: d } = G(), [a, _] = $(!1), [u, h] = $([]), f = async () => {
     var g, y;
     try {
       _(!0);
-      const { jsonPathData: m, mapperData: p } = l, C = Ie(
+      const { jsonPathData: m, mapperData: p } = l, C = Lt(
         l,
         1
       ), j = await d(
         C,
         s,
         !1
-      ), w = m ? (g = xt(j == null ? void 0 : j.data, m, p)) == null ? void 0 : g.items : (y = j == null ? void 0 : j.data) == null ? void 0 : y.data;
-      h(w), _(!1);
+      ), N = m ? (g = ge(j == null ? void 0 : j.data, m, p)) == null ? void 0 : g.items : (y = j == null ? void 0 : j.data) == null ? void 0 : y.data;
+      h(N), _(!1);
     } catch (m) {
       alert(JSON.stringify(m)), _(!1);
     }
@@ -2039,17 +2054,17 @@ const $s = (e) => {
     ...i,
     data: u
   };
-  return a ? /* @__PURE__ */ o.jsx(rt, { height: 400 }) : u.length === 0 ? /* @__PURE__ */ o.jsx(xe, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Ls.has(i.type) ? /* @__PURE__ */ o.jsx(
-    Gs,
+  return a ? /* @__PURE__ */ o.jsx(oe, { height: 400 }) : u.length === 0 ? /* @__PURE__ */ o.jsx(xt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Bs.has(i.type) ? /* @__PURE__ */ o.jsx(
+    Vs,
     {
       dataLength: u.length,
       minCategoryWidth: i.minCategoryWidth,
       children: (g) => /* @__PURE__ */ o.jsx(n, { ...x, width: g })
     }
   ) : /* @__PURE__ */ o.jsx(n, { ...x });
-}, Vs = (e) => {
+}, Xs = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     responseKey: r,
     actionType: c,
@@ -2058,10 +2073,10 @@ const $s = (e) => {
     required: n,
     dependencies: d,
     ...a
-  } = e, _ = {
+  } = t, _ = {
     ...a
   }, { getNextUI: u } = G(), [h, f] = $(i || !1), { disabled: x } = M(
-    t,
+    e,
     d
   ), b = O(() => n && l ? `${l} *` : l ?? "", [l, n]), g = L(async () => {
     var m;
@@ -2069,20 +2084,20 @@ const $s = (e) => {
       const p = !h;
       f(p);
       const C = {
-        ...(m = v.getState()[t]) == null ? void 0 : m.entries,
+        ...(m = v.getState()[e]) == null ? void 0 : m.entries,
         [r]: p
       };
-      switch (I(t, C), c) {
+      switch (I(e, C), c) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-          const w = await u(
-            t,
+          const N = await u(
+            e,
             s,
             C,
             r,
             c === "GO_TO_NEXT_UI"
           );
-          w != null && w.data && K(t, w == null ? void 0 : w.data);
+          N != null && N.data && K(e, N == null ? void 0 : N.data);
           break;
         }
         default:
@@ -2091,9 +2106,9 @@ const $s = (e) => {
     } catch (p) {
       console.error("Error in checkbox action:", p), alert(JSON.stringify(p));
     }
-  }, [t, s, r, c, h]), y = (_ == null ? void 0 : _.disabled) ?? x;
+  }, [e, s, r, c, h]), y = (_ == null ? void 0 : _.disabled) ?? x;
   return /* @__PURE__ */ o.jsx(
-    It,
+    Ke,
     {
       ..._,
       labelRight: b,
@@ -2104,16 +2119,16 @@ const $s = (e) => {
       }
     }
   );
-}, zs = "_codeEditor_1wi2p_1", Xs = "_codeEditor_label_1wi2p_4", Js = "_codeEditor_wrapper_1wi2p_13", Ws = "_input_1wi2p_17", Ys = "_preview_1wi2p_18", Qs = "_preview_inner_1wi2p_33", ee = {
-  codeEditor: zs,
-  codeEditor_label: Xs,
-  codeEditor_wrapper: Js,
-  input: Ws,
-  preview: Ys,
-  preview_inner: Qs
-}, Zs = (e) => {
+}, Js = "_codeEditor_1wi2p_1", Ws = "_codeEditor_label_1wi2p_4", Ys = "_codeEditor_wrapper_1wi2p_13", Qs = "_input_1wi2p_17", Zs = "_preview_1wi2p_18", Fs = "_preview_inner_1wi2p_33", tt = {
+  codeEditor: Js,
+  codeEditor_label: Ws,
+  codeEditor_wrapper: Ys,
+  input: Qs,
+  preview: Zs,
+  preview_inner: Fs
+}, Ps = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     responseKey: s,
     label: r,
     language: c,
@@ -2124,45 +2139,45 @@ const $s = (e) => {
     disabled: a,
     showPreview: _,
     height: u = "400px"
-  } = e, [h, f] = $(i ?? ""), x = he.useThemeStore((C) => C.theme.mode), { disabled: b } = M(
-    t,
+  } = t, [h, f] = $(i ?? ""), x = ht.useThemeStore((C) => C.theme.mode), { disabled: b } = M(
+    e,
     d
   ), g = a ?? b, y = {
-    json: Me(),
-    markdown: un(),
-    sql: hn(),
-    yaml: fn()
+    json: Ht(),
+    markdown: fn(),
+    sql: yn(),
+    yaml: xn()
   }, m = O(() => n && r ? `${r} *` : r ?? "", [r, n]), p = (C) => {
     f(C);
     const j = {
       [s]: C
     };
-    I(t, j);
+    I(e, j);
   };
-  return /* @__PURE__ */ o.jsxs("div", { className: ee.codeEditor, children: [
-    m && m !== "" && /* @__PURE__ */ o.jsx("label", { className: ee.codeEditor_label, children: m }),
-    /* @__PURE__ */ o.jsxs("div", { className: ee.codeEditor_wrapper, children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: tt.codeEditor, children: [
+    m && m !== "" && /* @__PURE__ */ o.jsx("label", { className: tt.codeEditor_label, children: m }),
+    /* @__PURE__ */ o.jsxs("div", { className: tt.codeEditor_wrapper, children: [
       /* @__PURE__ */ o.jsx(
-        _n,
+        hn,
         {
-          className: ee.input,
+          className: tt.input,
           value: h,
           height: u,
           placeholder: l,
-          extensions: [y[c] ?? Me()],
+          extensions: [y[c] ?? Ht()],
           onChange: (C) => p(C),
           theme: x,
           editable: !g
         }
       ),
-      c === "markdown" && _ && /* @__PURE__ */ o.jsx("div", { className: ee.preview, style: { height: u }, children: /* @__PURE__ */ o.jsx(at, { className: ee.preview_inner, children: h }) })
+      c === "markdown" && _ && /* @__PURE__ */ o.jsx("div", { className: tt.preview, style: { height: u }, children: /* @__PURE__ */ o.jsx(ce, { className: tt.preview_inner, children: h }) })
     ] })
   ] });
-}, Fs = "_slotStack_6n2wy_5", Fe = {
-  slotStack: Fs
-}, Ps = (e) => {
+}, tr = "_slotStack_6n2wy_5", Pt = {
+  slotStack: tr
+}, er = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     component: r,
     hash: c,
@@ -2172,17 +2187,17 @@ const $s = (e) => {
     icon: d,
     headerStatusColor: a,
     ..._
-  } = e, u = a ? `palette_${a}_50` : void 0, h = E(
-    t,
+  } = t, u = a ? `palette_${a}_50` : void 0, h = E(
+    e,
     s,
     i && i.length > 0 ? i : null
   ), f = E(
-    t,
+    e,
     s,
     n && n.length > 0 ? n : null
-  ), x = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Fe.slotStack, children: h.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `data-card-body-${c}-${y}`)) }) : void 0, b = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Fe.slotStack, children: f.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `data-card-top-${c}-${y}`)) }) : void 0;
+  ), x = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Pt.slotStack, children: h.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `data-card-body-${c}-${y}`)) }) : void 0, b = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Pt.slotStack, children: f.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `data-card-top-${c}-${y}`)) }) : void 0;
   return /* @__PURE__ */ o.jsx(
-    Lt,
+    Be,
     {
       ..._,
       icon: d,
@@ -2191,15 +2206,15 @@ const $s = (e) => {
       children: x
     }
   );
-}, er = "_dividerNotFront_tze3j_1", tr = {
-  dividerNotFront: er
-}, nr = (e) => /* @__PURE__ */ o.jsx(Kt, { ...e, className: tr.dividerNotFront }), sr = "_drawer_13pxo_1", rr = "_drawerBody_13pxo_5", ar = "_drawerFooter_13pxo_11", ke = {
-  drawer: sr,
-  drawerBody: rr,
-  drawerFooter: ar
-}, or = ({
-  userFlow: e,
-  pageId: t,
+}, nr = "_dividerNotFront_tze3j_1", sr = {
+  dividerNotFront: nr
+}, rr = (t) => /* @__PURE__ */ o.jsx(Me, { ...t, className: sr.dividerNotFront }), ar = "_drawer_13pxo_1", or = "_drawerBody_13pxo_5", cr = "_drawerFooter_13pxo_11", kt = {
+  drawer: ar,
+  drawerBody: or,
+  drawerFooter: cr
+}, ir = ({
+  userFlow: t,
+  pageId: e,
   responseKey: s,
   header: r,
   body: c,
@@ -2208,33 +2223,33 @@ const $s = (e) => {
 }) => {
   const n = v((g) => {
     var y;
-    return (y = g[e]) == null ? void 0 : y.isDrawerOpen;
+    return (y = g[t]) == null ? void 0 : y.isDrawerOpen;
   }), d = v((g) => {
     var y;
-    return (y = g[e]) == null ? void 0 : y.isLoading;
+    return (y = g[t]) == null ? void 0 : y.isLoading;
   }), a = n && !d, _ = {
     ...i,
     isOpen: a,
     children: null
   }, u = L(() => {
-    Re(e), _e(e, !1);
-  }, [e]), h = Array.isArray(r) ? E(e, t, r) : r ? /* @__PURE__ */ o.jsx(st, { type: "h2", children: r }) : void 0, f = E(e, t, c), x = l ? E(e, t, l) : void 0;
+    qt(t), _t(t, !1);
+  }, [t]), h = Array.isArray(r) ? E(t, e, r) : r ? /* @__PURE__ */ o.jsx(re, { type: "h2", children: r }) : void 0, f = E(t, e, c), x = l ? E(t, e, l) : void 0;
   return /* @__PURE__ */ o.jsx(
-    Bt,
+    He,
     {
       ..._,
-      className: ke.drawer,
+      className: kt.drawer,
       isOpen: a,
       onClose: u,
       heightGap: 50,
-      title: h ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(h) ? h.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `drawer-header-${y}`)) : h }) : void 0,
-      children: /* @__PURE__ */ o.jsx("section", { className: ke.drawerBody, children: f.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `drawer-body-${y}`)) }),
-      footer: x ? /* @__PURE__ */ o.jsx("div", { className: ke.drawerFooter, children: x.map((g, y) => /* @__PURE__ */ o.jsx(A, { children: g }, `drawer-footer-${y}`)) }) : void 0
+      title: h ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(h) ? h.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `drawer-header-${y}`)) : h }) : void 0,
+      children: /* @__PURE__ */ o.jsx("section", { className: kt.drawerBody, children: f.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `drawer-body-${y}`)) }),
+      footer: x ? /* @__PURE__ */ o.jsx("div", { className: kt.drawerFooter, children: x.map((g, y) => /* @__PURE__ */ o.jsx(k, { children: g }, `drawer-footer-${y}`)) }) : void 0
     }
   );
-}, cr = (e) => {
+}, lr = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     component: r,
     hash: c,
@@ -2245,7 +2260,7 @@ const $s = (e) => {
     variant: a,
     leftIcon: _,
     rightIcon: u
-  } = e, h = pe(t, s), f = O(
+  } = t, h = pt(e, s), f = O(
     () => n.map((x) => ({
       label: x.content ?? x.label ?? "",
       onClick: () => {
@@ -2261,14 +2276,14 @@ const $s = (e) => {
     [n, h]
   );
   return /* @__PURE__ */ o.jsx(
-    Mt,
+    Ge,
     {
       disabled: d,
       variant: a,
       items: f,
-      children: /* @__PURE__ */ o.jsxs(A, { children: [
+      children: /* @__PURE__ */ o.jsxs(k, { children: [
         _ ? /* @__PURE__ */ o.jsx(
-          He,
+          Gt,
           {
             name: _,
             size: "md",
@@ -2277,7 +2292,7 @@ const $s = (e) => {
         ) : null,
         i,
         u ? /* @__PURE__ */ o.jsx(
-          He,
+          Gt,
           {
             name: u,
             size: "md",
@@ -2287,12 +2302,12 @@ const $s = (e) => {
       ] })
     }
   );
-}, ir = "_header_g1eri_1", lr = "_header_content_g1eri_5", Pe = {
-  header: ir,
-  header_content: lr
-}, dr = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: te(Pe.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Pe.header_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(A, { children: t }, s)) }) }), _r = (e) => {
+}, dr = "_header_g1eri_1", _r = "_header_content_g1eri_5", te = {
+  header: dr,
+  header_content: _r
+}, ur = ({ components: t = [] }) => /* @__PURE__ */ o.jsx("section", { className: et(te.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: te.header_content, children: t.map((e, s) => /* @__PURE__ */ o.jsx(k, { children: e }, s)) }) }), hr = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     responseKey: r,
     actionType: c,
@@ -2303,8 +2318,8 @@ const $s = (e) => {
     component: a,
     hash: _,
     ...u
-  } = e, { getNextUI: h } = G(), { disabled: f } = M(
-    t,
+  } = t, { getNextUI: h } = G(), { disabled: f } = M(
+    e,
     d
   ), x = c && u ? (() => {
     const { href: y, target: m, download: p, ...C } = u;
@@ -2314,18 +2329,18 @@ const $s = (e) => {
     if (c)
       try {
         const m = {
-          ...(y = v.getState()[t]) == null ? void 0 : y.entries,
+          ...(y = v.getState()[e]) == null ? void 0 : y.entries,
           [r]: { status: 200 }
         };
-        switch (I(t, m), c) {
+        switch (I(e, m), c) {
           case "GO_TO_NEXT_UI": {
             const p = await h(
-              t,
+              e,
               s,
               m,
               r
             );
-            p != null && p.data && K(t, p == null ? void 0 : p.data);
+            p != null && p.data && K(e, p == null ? void 0 : p.data);
             break;
           }
           case "REDIRECT":
@@ -2342,9 +2357,9 @@ const $s = (e) => {
       } catch (m) {
         alert(JSON.stringify(m));
       }
-  }, [c, h, s, i, r, n, t]), g = x.disabled ?? f;
+  }, [c, h, s, i, r, n, e]), g = x.disabled ?? f;
   return /* @__PURE__ */ o.jsx(
-    Ht,
+    Ue,
     {
       ...x,
       disabled: g,
@@ -2352,9 +2367,9 @@ const $s = (e) => {
       children: l
     }
   );
-}, ur = (e) => {
+}, fr = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     component: r,
     hash: c,
@@ -2365,7 +2380,7 @@ const $s = (e) => {
     listOrigin: a,
     size: _,
     variant: u
-  } = e, h = pe(t, s), f = O(
+  } = t, h = pt(e, s), f = O(
     () => i.map((x) => ({
       icon: x.leftIcon,
       label: x.content ?? x.label ?? "",
@@ -2383,7 +2398,7 @@ const $s = (e) => {
     [i, h]
   );
   return /* @__PURE__ */ o.jsx(
-    Gt,
+    Ve,
     {
       items: f,
       closeOnClick: n,
@@ -2393,11 +2408,11 @@ const $s = (e) => {
       variant: u
     }
   );
-}, hr = "_modalContent_p06ci_1", fr = {
-  modalContent: hr
-}, yr = ({
-  userFlow: e,
-  pageId: t,
+}, yr = "_modalContent_p06ci_1", xr = {
+  modalContent: yr
+}, mr = ({
+  userFlow: t,
+  pageId: e,
   responseKey: s,
   header: r,
   body: c,
@@ -2407,30 +2422,30 @@ const $s = (e) => {
 }) => {
   const d = v((y) => {
     var m;
-    return (m = y[e]) == null ? void 0 : m.isModalOpen;
+    return (m = y[t]) == null ? void 0 : m.isModalOpen;
   }), a = v((y) => {
     var m;
-    return (m = y[e]) == null ? void 0 : m.isLoading;
+    return (m = y[t]) == null ? void 0 : m.isLoading;
   }), _ = d && !a, u = {
     ...n
   }, h = (u == null ? void 0 : u.headerStatusColor) ?? i, f = L(() => {
-    Re(e), qe(e, !1);
-  }, [e, s]), x = Array.isArray(r) ? E(e, t, r) : r, b = E(e, t, c), g = E(e, t, l);
+    qt(t), It(t, !1);
+  }, [t, s]), x = Array.isArray(r) ? E(t, e, r) : r, b = E(t, e, c), g = E(t, e, l);
   return /* @__PURE__ */ o.jsx(
-    Ut,
+    ze,
     {
       ...u,
       headerStatusColor: h,
-      header: typeof x == "string" ? x : /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((y, m) => /* @__PURE__ */ o.jsx(A, { children: y }, `modal-header-${m}`)) }),
-      children: /* @__PURE__ */ o.jsx("section", { className: fr.modalContent, children: b.map((y, m) => /* @__PURE__ */ o.jsx(A, { children: y }, `modal-body-${m}`)) }),
-      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: g.map((y, m) => /* @__PURE__ */ o.jsx(A, { children: y }, `modal-footer-${m}`)) }),
+      header: typeof x == "string" ? x : /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((y, m) => /* @__PURE__ */ o.jsx(k, { children: y }, `modal-header-${m}`)) }),
+      children: /* @__PURE__ */ o.jsx("section", { className: xr.modalContent, children: b.map((y, m) => /* @__PURE__ */ o.jsx(k, { children: y }, `modal-body-${m}`)) }),
+      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: g.map((y, m) => /* @__PURE__ */ o.jsx(k, { children: y }, `modal-footer-${m}`)) }),
       open: _,
       onClose: f
     }
   );
-}, xr = ({ userFlow: e, pageId: t }) => {
+}, gr = ({ userFlow: t, pageId: e }) => {
   var l, i;
-  const s = gn(e);
+  const s = bn(t);
   if (!s)
     return null;
   const r = [
@@ -2438,15 +2453,21 @@ const $s = (e) => {
     ...((l = s == null ? void 0 : s.header) == null ? void 0 : l.components) || [],
     ...((i = s == null ? void 0 : s.body) == null ? void 0 : i.components) || []
   ], c = E(
-    e,
     t,
+    e,
     r
   );
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: c == null ? void 0 : c.map((n, d) => {
     const a = `overlay-${d}-${s == null ? void 0 : s.hash}`;
-    return /* @__PURE__ */ o.jsx(A, { children: n }, a);
+    return /* @__PURE__ */ o.jsx(k, { children: n }, a);
   }) });
-}, mr = {
+}, pr = [
+  "success",
+  "warning",
+  "error",
+  "info",
+  "neutral"
+], je = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -2472,21 +2493,24 @@ const $s = (e) => {
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, gr = (e) => {
-  const { content: t, variant: s = "neutral", ...r } = e, c = mr[s], l = {
+}, br = (t) => typeof t == "string" && pr.includes(t), jr = (t) => t != null && t.length ? t.length === 2 && br(t[1]) ? [{ label: String(t[0]), variant: t[1] }] : t.map((e) => ({
+  label: String(e),
+  variant: "neutral"
+})) : [], Cr = (t) => {
+  const { content: e, variant: s = "neutral", ...r } = t, c = je[s], l = {
     ...r,
-    children: t,
+    children: e,
     color: (r == null ? void 0 : r.color) ?? c.color,
     textColor: (r == null ? void 0 : r.textColor) ?? c.textColor,
     iconColor: (r == null ? void 0 : r.iconColor) ?? c.iconColor
   };
-  return /* @__PURE__ */ o.jsx(Se, { ...l });
-}, pr = (e) => {
-  const { content: t } = e;
-  return /* @__PURE__ */ o.jsx(at, { children: t });
-}, br = (e) => {
+  return /* @__PURE__ */ o.jsx(St, { ...l });
+}, Nr = (t) => {
+  const { content: e } = t;
+  return /* @__PURE__ */ o.jsx(ce, { children: e });
+}, wr = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     responseKey: r,
     actionType: c,
@@ -2494,12 +2518,12 @@ const $s = (e) => {
     dependencies: i,
     onClick: n,
     ...d
-  } = e, a = pe(t, s), { disabled: _ } = M(
-    t,
+  } = t, a = pt(e, s), { disabled: _ } = M(
+    e,
     i
   ), u = {
     ...d
-  }, h = (u == null ? void 0 : u.disabled) ?? _, [f, x] = $(!1), b = ue(!1), g = L(async () => {
+  }, h = (u == null ? void 0 : u.disabled) ?? _, [f, x] = $(!1), b = ut(!1), g = L(async () => {
     if (b.current)
       return;
     const y = c === "FETCH_DATA_SOURCE";
@@ -2518,7 +2542,7 @@ const $s = (e) => {
     }
   }, [c, l, i, r, a]);
   return /* @__PURE__ */ o.jsx(
-    Vt,
+    Xe,
     {
       ...u,
       loading: u.loading || f,
@@ -2526,8 +2550,8 @@ const $s = (e) => {
       onClick: () => !h && !f && (n ?? g)()
     }
   );
-}, jr = "_row_1bqj4_1", Cr = "_row_column_1bqj4_65", z = {
-  row: jr,
+}, vr = "_row_1bqj4_1", Er = "_row_column_1bqj4_65", z = {
+  row: vr,
   "row__gap-none": "_row__gap-none_1bqj4_5",
   "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
   "row__gap-xs": "_row__gap-xs_1bqj4_11",
@@ -2548,7 +2572,7 @@ const $s = (e) => {
   "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: Cr,
+  row_column: Er,
   "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",
@@ -2569,16 +2593,16 @@ const $s = (e) => {
   "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"
-}, wr = (e) => {
+}, kr = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     columnWidth: r,
     columns: c,
     gap: l = "md",
     justifyContent: i = "start",
     alignItems: n = "stretch"
-  } = e, d = Array.isArray(c) ? c.map((a, _) => {
+  } = t, d = Array.isArray(c) ? c.map((a, _) => {
     const u = `col_${_}`, h = `col_${_}`;
     if (Array.isArray(a))
       return {
@@ -2602,18 +2626,18 @@ const $s = (e) => {
   return d.length === 0 ? null : /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: te(
+      className: et(
         z.row,
         z[`row__gap-${l}`],
         z[`row__justify-${i}`],
         z[`row__align-${n}`]
       ),
       children: d == null ? void 0 : d.map((a, _) => {
-        const u = (r == null ? void 0 : r[_]) || `${100 / d.length}%`, h = E(t, s, a.items);
+        const u = (r == null ? void 0 : r[_]) || `${100 / d.length}%`, h = E(e, s, a.items);
         return !h || h.length === 0 ? null : /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: te(
+            className: et(
               z.row_column,
               z[`row_column__gap-${a.gap}`],
               z[`row_column__justify-${a.justifyContent}`],
@@ -2628,16 +2652,16 @@ const $s = (e) => {
     }
   );
 };
-function pt({
-  userFlow: e,
-  pageId: t,
+function Ce({
+  userFlow: t,
+  pageId: e,
   responseKey: s,
   actionType: r,
   getNextUI: c,
   isMulti: l = !1,
   debounceMs: i
 }) {
-  const n = ue(null);
+  const n = ut(null);
   U(() => () => {
     n.current !== null && (clearTimeout(n.current), n.current = null);
   }, []);
@@ -2645,23 +2669,23 @@ function pt({
     async (_) => {
       var f;
       const u = {
-        ...(f = v.getState()[e]) == null ? void 0 : f.entries
+        ...(f = v.getState()[t]) == null ? void 0 : f.entries
       };
-      if (_ ? (u[s] = _, I(e, u)) : (delete u[s], pn(e, s)), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+      if (_ ? (u[s] = _, I(t, u)) : (delete u[s], jn(t, s)), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
           const b = await c(
-            e,
             t,
+            e,
             u,
             s,
             r === "GO_TO_NEXT_UI"
           );
-          b != null && b.data && K(e, b.data);
+          b != null && b.data && K(t, b.data);
         } catch (x) {
           console.error("[useSelectChange] Failed to fetch next UI", x);
         }
     },
-    [e, t, s, r, c]
+    [t, e, s, r, c]
   );
   return L(
     (_) => {
@@ -2680,41 +2704,41 @@ function pt({
     [l, i, d]
   );
 }
-const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
+const Sr = /\{([^}]+)\}/g, Tr = (t, e) => {
   var s;
-  return t.includes("{") ? t.replace(Nr, (r, c) => {
+  return e.includes("{") ? e.replace(Sr, (r, c) => {
     var i;
-    const l = (i = B.query(e, c.trim())) == null ? void 0 : i[0];
+    const l = (i = B.query(t, c.trim())) == null ? void 0 : i[0];
     return l != null ? String(l) : "";
-  }) : (s = B.query(e, t)) == null ? void 0 : s[0];
-}, Er = (e, t, s, r) => {
-  const c = B.query(e, t);
+  }) : (s = B.query(t, e)) == null ? void 0 : s[0];
+}, Ar = (t, e, s, r) => {
+  const c = B.query(t, e);
   return (c == null ? void 0 : c.map((l) => {
     var d;
-    const i = vr(l, s), n = r ? (d = B.query(l, r)) == null ? void 0 : d[0] : l;
+    const i = Tr(l, s), n = r ? (d = B.query(l, r)) == null ? void 0 : d[0] : l;
     return { label: i, value: n };
   })) ?? [];
-}, kr = (e, t, s, r = 10) => {
+}, Or = (t, e, s, r = 10) => {
   var n, d;
   let c, l;
   if (s) {
-    const a = B.value(e, s.size ?? "$.meta.size") ?? r, _ = B.value(e, s.total ?? "$.meta.total") ?? 0;
+    const a = B.value(t, s.size ?? "$.meta.size") ?? r, _ = B.value(t, s.total ?? "$.meta.total") ?? 0;
     c = a, l = _;
   } else {
-    const a = e == null ? void 0 : e.meta;
+    const a = t == null ? void 0 : t.meta;
     c = (a == null ? void 0 : a.size) ?? ((n = a == null ? void 0 : a.page) == null ? void 0 : n.size) ?? r, l = (a == null ? void 0 : a.total) ?? ((d = a == null ? void 0 : a.page) == null ? void 0 : d.total) ?? 0;
   }
-  const i = l > 0 ? Math.ceil(l / c) > t : !1;
+  const i = l > 0 ? Math.ceil(l / c) > e : !1;
   return {
     pageSize: c,
     total: l,
     hasMore: i
   };
-}, Sr = "_selectNotFront_ch3v5_1", bt = {
-  selectNotFront: Sr
-}, Tr = ({
-  userFlow: e,
-  pageId: t,
+}, $r = "_selectNotFront_ch3v5_1", Ne = {
+  selectNotFront: $r
+}, Rr = ({
+  userFlow: t,
+  pageId: e,
   responseKey: s,
   required: r,
   dataSource: c,
@@ -2726,18 +2750,18 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
   const a = {
     ...d
   }, { getNextUI: _, fetchDataSource: u } = G(), [h, f] = $((a == null ? void 0 : a.value) ?? ""), { disabled: x } = M(
-    e,
+    t,
     i
   ), b = (a == null ? void 0 : a.disabled) ?? x, g = O(() => r && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, r]), y = O(() => {
-    const j = a != null && a.isMulti ? h : [h], w = {};
-    return Array.isArray(j) && j.forEach((N) => {
-      if (!N) return;
-      const k = JSON.stringify(N.value), R = JSON.stringify(N.label);
-      w[k] = N, R in w || (w[R] = N);
-    }), w;
-  }, [h]), m = pt({
-    userFlow: e,
-    pageId: t,
+    const j = a != null && a.isMulti ? h : [h], N = {};
+    return Array.isArray(j) && j.forEach((w) => {
+      if (!w) return;
+      const S = JSON.stringify(w.value), D = JSON.stringify(w.label);
+      N[S] = w, D in N || (N[D] = w);
+    }), N;
+  }, [h]), m = Ce({
+    userFlow: t,
+    pageId: e,
     responseKey: s,
     actionType: l,
     getNextUI: _,
@@ -2745,43 +2769,43 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     debounceMs: n
   }), p = (j) => {
     f(j), m(j);
-  }, C = async (j, w, { page: N }) => {
+  }, C = async (j, N, { page: w }) => {
     const {
-      jsonPathLabel: k,
-      jsonPathOptions: R,
+      jsonPathLabel: S,
+      jsonPathOptions: D,
       jsonPathValue: q,
       jsonPathPagination: Q
-    } = c, V = Ie(
+    } = c, V = Lt(
       c,
-      N,
+      w,
       j
-    ), S = await u(
+    ), T = await u(
       V,
-      e,
+      t,
       !1
-    ), H = S == null ? void 0 : S.data, ce = H ? Er(
+    ), H = T == null ? void 0 : T.data, ct = H ? Ar(
       H,
-      R,
-      k,
+      D,
+      S,
       q
-    ) : [], { hasMore: be } = kr(
+    ) : [], { hasMore: bt } = Or(
       H,
-      N,
+      w,
       Q
     );
     return {
-      options: ce,
-      hasMore: be,
+      options: ct,
+      hasMore: bt,
       additional: {
-        page: N + 1
+        page: w + 1
       }
     };
   };
   return /* @__PURE__ */ o.jsx(
-    zt,
+    Je,
     {
       ...a,
-      className: bt.selectNotFront,
+      className: Ne.selectNotFront,
       label: g,
       value: h,
       disabled: b,
@@ -2790,15 +2814,15 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
       loadOptions: C,
       additional: { page: 1 },
       isOptionDisabled: (j) => {
-        const w = JSON.stringify(j == null ? void 0 : j.value), N = JSON.stringify(j == null ? void 0 : j.label);
-        return !!(y != null && y[w]) || !!(y != null && y[N]);
+        const N = JSON.stringify(j == null ? void 0 : j.value), w = JSON.stringify(j == null ? void 0 : j.label);
+        return !!(y != null && y[N]) || !!(y != null && y[w]);
       },
       debounceTimeout: 350
     }
   );
-}, Ar = ({
-  userFlow: e,
-  pageId: t,
+}, Dr = ({
+  userFlow: t,
+  pageId: e,
   responseKey: s,
   dataSource: r,
   required: c,
@@ -2810,11 +2834,11 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
   const a = {
     ...d
   }, { getNextUI: _ } = G(), [u, h] = $(a.value || ""), { disabled: f } = M(
-    e,
+    t,
     i
-  ), x = (a == null ? void 0 : a.disabled) ?? f, b = O(() => c && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, c]), g = pt({
-    userFlow: e,
-    pageId: t,
+  ), x = (a == null ? void 0 : a.disabled) ?? f, b = O(() => c && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, c]), g = Ce({
+    userFlow: t,
+    pageId: e,
     responseKey: s,
     actionType: l,
     getNextUI: _,
@@ -2824,35 +2848,35 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     h(m), g(m);
   };
   return /* @__PURE__ */ o.jsx(
-    Xt,
+    We,
     {
       ...a,
-      className: bt.selectNotFront,
+      className: Ne.selectNotFront,
       label: b,
       value: u,
       disabled: x,
       onChange: (m) => !x && y(m)
     }
   );
-}, Or = (e) => {
-  const { dataSource: t } = e;
-  return t ? /* @__PURE__ */ o.jsx(Tr, { ...e }) : /* @__PURE__ */ o.jsx(Ar, { ...e });
-}, $r = "_spacing_19hqa_1", Dr = "_spacing__xxs_19hqa_1", Rr = "_spacing__xs_19hqa_4", qr = "_spacing__sm_19hqa_7", Ir = "_spacing__md_19hqa_10", Lr = "_spacing__lg_19hqa_13", Kr = "_spacing__xl_19hqa_16", Br = "_spacing__xxl_19hqa_19", Mr = "_spacing__xxxl_19hqa_22", et = {
-  spacing: $r,
-  spacing__xxs: Dr,
-  spacing__xs: Rr,
-  spacing__sm: qr,
-  spacing__md: Ir,
-  spacing__lg: Lr,
-  spacing__xl: Kr,
-  spacing__xxl: Br,
-  spacing__xxxl: Mr
-}, Hr = (e) => {
-  const { size: t } = e, s = te(et.spacing, et[`spacing__${t}`]);
+}, qr = (t) => {
+  const { dataSource: e } = t;
+  return e ? /* @__PURE__ */ o.jsx(Rr, { ...t }) : /* @__PURE__ */ o.jsx(Dr, { ...t });
+}, Ir = "_spacing_19hqa_1", Lr = "_spacing__xxs_19hqa_1", Kr = "_spacing__xs_19hqa_4", Br = "_spacing__sm_19hqa_7", Mr = "_spacing__md_19hqa_10", Hr = "_spacing__lg_19hqa_13", Gr = "_spacing__xl_19hqa_16", Ur = "_spacing__xxl_19hqa_19", Vr = "_spacing__xxxl_19hqa_22", ee = {
+  spacing: Ir,
+  spacing__xxs: Lr,
+  spacing__xs: Kr,
+  spacing__sm: Br,
+  spacing__md: Mr,
+  spacing__lg: Hr,
+  spacing__xl: Gr,
+  spacing__xxl: Ur,
+  spacing__xxxl: Vr
+}, zr = (t) => {
+  const { size: e } = t, s = et(ee.spacing, ee[`spacing__${e}`]);
   return /* @__PURE__ */ o.jsx("div", { className: s });
-}, Gr = (e) => {
+}, Xr = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     responseKey: r,
     actionType: c,
@@ -2861,10 +2885,10 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     required: n,
     dependencies: d,
     ...a
-  } = e, _ = {
+  } = t, _ = {
     ...a
   }, { getNextUI: u } = G(), [h, f] = $(i || !1), { disabled: x } = M(
-    t,
+    e,
     d
   ), b = (_ == null ? void 0 : _.disabled) ?? x, g = O(() => n && l ? `${l} *` : l ?? "", [l, n]), y = L(async () => {
     var m;
@@ -2872,20 +2896,20 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
       const p = !h;
       f(p);
       const C = {
-        ...(m = v.getState()[t]) == null ? void 0 : m.entries,
+        ...(m = v.getState()[e]) == null ? void 0 : m.entries,
         [r]: p
       };
-      switch (I(t, C), c) {
+      switch (I(e, C), c) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-          const w = await u(
-            t,
+          const N = await u(
+            e,
             s,
             C,
             r,
             c === "GO_TO_NEXT_UI"
           );
-          w != null && w.data && K(t, w == null ? void 0 : w.data);
+          N != null && N.data && K(e, N == null ? void 0 : N.data);
           break;
         }
         default:
@@ -2894,9 +2918,9 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     } catch (p) {
       console.error("Error in switch action:", p), alert(JSON.stringify(p));
     }
-  }, [t, s, r, c, h]);
+  }, [e, s, r, c, h]);
   return /* @__PURE__ */ o.jsx(
-    Jt,
+    Ye,
     {
       ..._,
       label: g,
@@ -2905,26 +2929,38 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
       onChange: () => !b && y()
     }
   );
-}, Ur = "_tableSkeleton_3nr9n_1", Vr = "_tableArrayPills_3nr9n_7", jt = {
-  tableSkeleton: Ur,
-  tableArrayPills: Vr
-}, zr = ({ values: e }) => {
-  const s = e == null ? void 0 : e.slice(0, 4), r = (e == null ? void 0 : e.length) - 4;
-  return /* @__PURE__ */ o.jsxs("div", { className: jt.tableArrayPills, children: [
-    s.map((c, l) => /* @__PURE__ */ o.jsx(Se, { children: String(c) }, l)),
-    r > 0 && /* @__PURE__ */ o.jsxs(Se, { outlined: !0, children: [
+}, Jr = "_tableSkeleton_3nr9n_1", Wr = "_tableArrayPills_3nr9n_7", we = {
+  tableSkeleton: Jr,
+  tableArrayPills: Wr
+}, Yr = ({ values: t }) => {
+  const s = jr(t ?? []), r = s.slice(0, 4), c = s.length - 4;
+  return /* @__PURE__ */ o.jsxs("div", { className: we.tableArrayPills, children: [
+    r.map((l, i) => {
+      const n = je[l.variant];
+      return /* @__PURE__ */ o.jsx(
+        St,
+        {
+          color: n.color,
+          textColor: n.textColor,
+          iconColor: n.iconColor,
+          children: l.label
+        },
+        `${l.label}-${l.variant}-${i}`
+      );
+    }),
+    c > 0 && /* @__PURE__ */ o.jsxs(St, { outlined: !0, children: [
       "+",
-      r
+      c
     ] })
   ] });
-}, Xr = ({
-  userFlow: e,
-  pageId: t,
+}, Qr = ({
+  userFlow: t,
+  pageId: e,
   tableResponseKey: s,
   component: r,
   rowData: c
 }) => {
-  const { getNextUI: l, fetchAndGetNextUI: i, fetchDataSource: n } = G(), d = E(e, t, [
+  const { getNextUI: l, fetchAndGetNextUI: i, fetchDataSource: n } = G(), d = E(t, e, [
     { ...r }
   ]), a = (d == null ? void 0 : d[0]) || null;
   if (!a) return null;
@@ -2936,60 +2972,60 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     var x, b, g;
     try {
       const y = {
-        ...(x = v.getState()[e]) == null ? void 0 : x.entries,
+        ...(x = v.getState()[t]) == null ? void 0 : x.entries,
         [u]: { status: 200 },
         [s]: [{ ...c }]
       };
-      switch (I(e, y), _) {
+      switch (I(t, y), _) {
         case "GO_TO_NEXT_UI": {
           const m = await l(
-            e,
             t,
+            e,
             y,
             u
           );
-          m != null && m.data && K(e, m == null ? void 0 : m.data);
+          m != null && m.data && K(t, m == null ? void 0 : m.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
           const m = await i(
-            e,
             t,
+            e,
             y,
             u,
             h
           );
-          m != null && m.data && K(e, m == null ? void 0 : m.data);
+          m != null && m.data && K(t, m == null ? void 0 : m.data);
           break;
         }
         case "GET_DATA_SOURCE": {
           const m = await l(
-            e,
             t,
+            e,
             y,
             u
           ), p = (b = m == null ? void 0 : m.data) == null ? void 0 : b.content;
           if ((p == null ? void 0 : p.type) !== "fetch") break;
           const C = p == null ? void 0 : p.dataSource, j = await n(
             C,
-            e,
+            t,
             // Avoid to handle loading state until all the requests are done
             !1
-          ), w = {
-            ...(g = v.getState()[e]) == null ? void 0 : g.entries,
+          ), N = {
+            ...(g = v.getState()[t]) == null ? void 0 : g.entries,
             [u]: {
               status: j == null ? void 0 : j.status,
               content: j == null ? void 0 : j.data
             }
           };
-          I(e, w);
-          const N = await l(
-            e,
+          I(t, N);
+          const w = await l(
             t,
-            w,
+            e,
+            N,
             u
           );
-          N != null && N.data && K(e, N == null ? void 0 : N.data);
+          w != null && w.data && K(t, w == null ? void 0 : w.data);
           break;
         }
         default:
@@ -2999,19 +3035,19 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     } catch (y) {
       alert(JSON.stringify(y));
     }
-  }, [_, h, t, u, e]);
-  return vt(a, {
+  }, [_, h, e, u, t]);
+  return Se(a, {
     onClick: f
   });
-}, Jr = () => /* @__PURE__ */ o.jsx("div", { className: jt.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
-  rt,
+}, Zr = () => /* @__PURE__ */ o.jsx("div", { className: we.tableSkeleton, children: [...Array(10)].map((t, e) => /* @__PURE__ */ o.jsx(
+  oe,
   {
     maxWidth: "100%",
     height: 42,
     radius: 8
   },
-  `tableSkeletonBase${t}`
-)) }), Wr = (e, t) => !(t != null && t.length) || !e ? e : e.map((s) => t.some(
+  `tableSkeletonBase${e}`
+)) }), Fr = (t, e) => !(e != null && e.length) || !t ? t : t.map((s) => e.some(
   (c) => Array.isArray(
     s != null && s.accessor ? c[s == null ? void 0 : s.accessor] : void 0
   )
@@ -3019,11 +3055,11 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
   ...s,
   renderCell: (c) => {
     const l = s.accessor ? c[s.accessor] : void 0;
-    return Array.isArray(l) ? /* @__PURE__ */ o.jsx(zr, { values: l }) : l ?? "";
+    return Array.isArray(l) ? /* @__PURE__ */ o.jsx(Yr, { values: l }) : l ?? "";
   }
-} : s), Yr = ({
-  userFlow: e,
-  pageId: t,
+} : s), Pr = ({
+  userFlow: t,
+  pageId: e,
   responseKey: s,
   component: r,
   dataSource: c,
@@ -3033,100 +3069,100 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
   ...d
 }) => {
   var Q, V;
-  const { fetchDataSource: a } = G(), [_, u] = $(!1), [h, f] = $(1), [x, b] = $(null), g = !c && Array.isArray(i), y = !!(c != null && c.jsonPathCursorPagination) && !!((Q = c == null ? void 0 : c.jsonPathPagination) != null && Q.hasMore), m = ue(
+  const { fetchDataSource: a } = G(), [_, u] = $(!1), [h, f] = $(1), [x, b] = $(null), g = !c && Array.isArray(i), y = !!(c != null && c.jsonPathCursorPagination) && !!((Q = c == null ? void 0 : c.jsonPathPagination) != null && Q.hasMore), m = ut(
     /* @__PURE__ */ new Map([[1, null]])
   ), p = O(() => {
     if (l != null && l.length)
-      return l.map((S, H) => ({
-        renderContent: (ce) => /* @__PURE__ */ o.jsx(
-          Xr,
+      return l.map((T, H) => ({
+        renderContent: (ct) => /* @__PURE__ */ o.jsx(
+          Qr,
           {
-            userFlow: e,
-            pageId: t,
+            userFlow: t,
+            pageId: e,
             tableResponseKey: s,
-            component: S,
-            rowData: ce
+            component: T,
+            rowData: ct
           },
           `tableRowAction${H}`
         )
       }));
-  }, [l, e, t, s]), C = async (S = 1) => {
+  }, [l, t, e, s]), C = async (T = 1) => {
     if (!c)
       return;
     const {
       mapperData: H,
-      jsonPathData: ce,
-      jsonPathPagination: be,
-      jsonPathCursorPagination: ie
+      jsonPathData: ct,
+      jsonPathPagination: bt,
+      jsonPathCursorPagination: it
     } = c;
-    if (ie && S !== 1 && !m.current.has(S)) {
+    if (it && T !== 1 && !m.current.has(T)) {
       f(1), C(1);
       return;
     }
-    ie && S === 1 && (m.current = /* @__PURE__ */ new Map([[1, null]]));
+    it && T === 1 && (m.current = /* @__PURE__ */ new Map([[1, null]]));
     try {
       u(!0);
-      const je = ie ? m.current.get(S) ?? null : null, Ct = Ie(
+      const jt = it ? m.current.get(T) ?? null : null, ve = Lt(
         c,
-        S,
+        T,
         void 0,
-        je
+        jt
       ), Z = await a(
-        Ct,
-        e,
+        ve,
+        t,
         !1
       );
       if (b(
-        xt(
+        ge(
           Z == null ? void 0 : Z.data,
-          ce,
+          ct,
           H,
-          be
+          bt
         )
-      ), ie) {
-        const Le = ys(
+      ), it) {
+        const Kt = ms(
           Z == null ? void 0 : Z.data,
-          ie
+          it
         );
-        Le && m.current.set(S + 1, Le);
+        Kt && m.current.set(T + 1, Kt);
       }
       u(!1);
-    } catch (je) {
-      console.error("[TableNotFront] fetchData:", je), u(!1);
+    } catch (jt) {
+      console.error("[TableNotFront] fetchData:", jt), u(!1);
     }
-  }, j = (S) => {
-    f(S), C(S);
+  }, j = (T) => {
+    f(T), C(T);
   };
   U(() => {
     g || C();
   }, []);
-  const w = g ? i : x == null ? void 0 : x.items, N = g && !!n && ((i == null ? void 0 : i.length) ?? 0) > n, k = O(() => {
-    if (!N || !i || !n)
-      return w ?? [];
-    const S = (h - 1) * n;
-    return i.slice(S, S + n);
+  const N = g ? i : x == null ? void 0 : x.items, w = g && !!n && ((i == null ? void 0 : i.length) ?? 0) > n, S = O(() => {
+    if (!w || !i || !n)
+      return N ?? [];
+    const T = (h - 1) * n;
+    return i.slice(T, T + n);
   }, [
-    N,
+    w,
     i,
     n,
     h,
-    w
-  ]), R = O(
-    () => Wr(
+    N
+  ]), D = O(
+    () => Fr(
       d.columns,
-      w
+      N
     ),
-    [w, d.columns]
+    [N, d.columns]
   ), q = {
     ...d,
-    data: k,
-    columns: R ?? [],
+    data: S,
+    columns: D ?? [],
     rightActions: p
   };
-  return g ? !w || w.length === 0 ? /* @__PURE__ */ o.jsx(xe, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(Ke, { ...q }),
-    N && n && i && /* @__PURE__ */ o.jsx(
-      Ce,
+  return g ? !N || N.length === 0 ? /* @__PURE__ */ o.jsx(xt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(Bt, { ...q }),
+    w && n && i && /* @__PURE__ */ o.jsx(
+      Ct,
       {
         classname: { global: "row__end" },
         page: h,
@@ -3135,10 +3171,10 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
         onChange: f
       }
     )
-  ] }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: _ ? /* @__PURE__ */ o.jsx(Jr, {}) : x && ((V = x == null ? void 0 : x.items) == null ? void 0 : V.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(Ke, { ...q }),
+  ] }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: _ ? /* @__PURE__ */ o.jsx(Zr, {}) : x && ((V = x == null ? void 0 : x.items) == null ? void 0 : V.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(Bt, { ...q }),
     !y && (x == null ? void 0 : x.pagination) && x.pagination.totalPages > 1 && /* @__PURE__ */ o.jsx(
-      Ce,
+      Ct,
       {
         classname: { global: "row__end" },
         page: h,
@@ -3148,7 +3184,7 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
       }
     ),
     y && (x == null ? void 0 : x.pagination) && /* @__PURE__ */ o.jsx(
-      Ce,
+      Ct,
       {
         variant: "cursor",
         classname: { global: "row__end" },
@@ -3157,15 +3193,15 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
         onChange: j
       }
     )
-  ] }) : /* @__PURE__ */ o.jsx(xe, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, Qr = "_tabsPanel_kvslb_1", Zr = {
-  tabsPanel: Qr
-}, Fr = ({ userFlow: e, pageId: t, components: s }) => {
-  const r = E(e, t, s);
-  return r != null && r.length ? /* @__PURE__ */ o.jsx("section", { className: Zr.tabsPanel, children: r.map((c, l) => /* @__PURE__ */ o.jsx(A, { children: c }, `tabs-panel-${l}`)) }) : null;
-}, Pr = ({
-  userFlow: e,
-  pageId: t,
+  ] }) : /* @__PURE__ */ o.jsx(xt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
+}, ta = "_tabsPanel_kvslb_1", ea = {
+  tabsPanel: ta
+}, na = ({ userFlow: t, pageId: e, components: s }) => {
+  const r = E(t, e, s);
+  return r != null && r.length ? /* @__PURE__ */ o.jsx("section", { className: ea.tabsPanel, children: r.map((c, l) => /* @__PURE__ */ o.jsx(k, { children: c }, `tabs-panel-${l}`)) }) : null;
+}, sa = ({
+  userFlow: t,
+  pageId: e,
   hash: s,
   items: r,
   activeIndex: c,
@@ -3176,10 +3212,10 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     label: a.label,
     disabled: a.disabled,
     children: /* @__PURE__ */ o.jsx(
-      Fr,
+      na,
       {
-        userFlow: e,
-        pageId: t,
+        userFlow: t,
+        pageId: e,
         components: a.components
       },
       `${s}-tab-${_}`
@@ -3187,13 +3223,13 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
   })), d = (a) => {
     var u;
     const _ = {
-      ...(u = v.getState()[e]) == null ? void 0 : u.entries,
+      ...(u = v.getState()[t]) == null ? void 0 : u.entries,
       [i]: a
     };
-    I(e, _);
+    I(t, _);
   };
   return /* @__PURE__ */ o.jsx(
-    Wt,
+    Qe,
     {
       className: l,
       activeIndex: c,
@@ -3201,9 +3237,9 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
       onClick: d
     }
   );
-}, ea = (e) => {
+}, ra = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     component: r,
     hash: c,
@@ -3211,20 +3247,20 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     required: i,
     dependencies: n,
     ...d
-  } = e, a = {
+  } = t, a = {
     ...d
   }, [_, u] = $((a == null ? void 0 : a.value) ?? ""), { disabled: h } = M(
-    t,
+    e,
     n
   ), f = (a == null ? void 0 : a.disabled) ?? h, x = O(() => i && (a != null && a.label) ? `${a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), b = (g) => {
     var m;
     const y = (m = g == null ? void 0 : g.target) == null ? void 0 : m.value;
-    u(y), I(t, { [l]: y });
+    u(y), I(e, { [l]: y });
   };
   return U(() => {
     u((a == null ? void 0 : a.value) ?? "");
   }, [a == null ? void 0 : a.value]), /* @__PURE__ */ o.jsx(
-    Yt,
+    Ze,
     {
       ...a,
       label: x,
@@ -3233,11 +3269,11 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
       onChange: (g) => !f && b(g)
     }
   );
-}, ta = "_textFieldNotFront_1n8fy_1", na = {
-  textFieldNotFront: ta
-}, sa = (e) => {
+}, aa = "_textFieldNotFront_1n8fy_1", oa = {
+  textFieldNotFront: aa
+}, ca = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     component: r,
     hash: c,
@@ -3245,10 +3281,10 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     required: i,
     dependencies: n,
     ...d
-  } = e, a = {
+  } = t, a = {
     ...d
   }, [_, u] = $((a == null ? void 0 : a.value) ?? ""), { disabled: h } = M(
-    t,
+    e,
     n
   ), f = (a == null ? void 0 : a.disabled) ?? h, x = O(() => i && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), b = (g) => {
     var p;
@@ -3257,15 +3293,15 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     const m = {
       [l]: y
     };
-    I(t, m);
+    I(e, m);
   };
   return U(() => {
     u((a == null ? void 0 : a.value) ?? "");
   }, [a == null ? void 0 : a.value]), /* @__PURE__ */ o.jsx(
-    Qt,
+    Fe,
     {
       ...a,
-      className: na.textFieldNotFront,
+      className: oa.textFieldNotFront,
       allowClear: !1,
       label: x,
       value: _,
@@ -3273,9 +3309,9 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
       onChange: (g) => !f && b(g)
     }
   );
-}, ra = ({
-  userFlow: e,
-  pageId: t,
+}, ia = ({
+  userFlow: t,
+  pageId: e,
   responseKey: s,
   variant: r,
   content: c,
@@ -3283,7 +3319,7 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
   redirectUrl: i
 }) => {
   const n = L(async () => {
-    Re(e);
+    qt(t);
     try {
       switch (l) {
         case "AUTOCLOSE_AND_REDIRECT":
@@ -3296,25 +3332,25 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     } catch (d) {
       console.error("Error in toast action:", d), alert(JSON.stringify(d));
     }
-  }, [l, t, s, e, i]);
+  }, [l, e, s, t, i]);
   return U(() => {
     ({
-      info: le.info,
-      error: le.error,
-      success: le.success,
-      warning: le.warning
-    }[r] || le.info)(c, {
+      info: lt.info,
+      error: lt.error,
+      success: lt.success,
+      warning: lt.warning
+    }[r] || lt.info)(c, {
       autoClose: l ? !1 : 4e3,
-      containerId: e,
+      containerId: t,
       onClose: n
     });
-  }, [n, e]), null;
-}, aa = "_tooltipNotFront_106iw_1", oa = "_tooltipNotFront_content_106iw_5", tt = {
-  tooltipNotFront: aa,
-  tooltipNotFront_content: oa
-}, ca = (e) => {
+  }, [n, t]), null;
+}, la = "_tooltipNotFront_106iw_1", da = "_tooltipNotFront_content_106iw_5", ne = {
+  tooltipNotFront: la,
+  tooltipNotFront_content: da
+}, _a = (t) => {
   const {
-    userFlow: t,
+    userFlow: e,
     pageId: s,
     component: r,
     hash: c,
@@ -3324,15 +3360,15 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     placement: d,
     notShowArrow: a,
     visible: _
-  } = e, u = E(
-    t,
+  } = t, u = E(
+    e,
     s,
     i != null && i.length ? i : null
-  ), h = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: tt.tooltipNotFront_content, children: u.map((f, x) => /* @__PURE__ */ o.jsx(A, { children: f }, `tooltip-${c}-${x}`)) }) : null;
+  ), h = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: ne.tooltipNotFront_content, children: u.map((f, x) => /* @__PURE__ */ o.jsx(k, { children: f }, `tooltip-${c}-${x}`)) }) : null;
   return /* @__PURE__ */ o.jsx(
-    Zt,
+    Pe,
     {
-      className: tt.tooltipNotFront,
+      className: ne.tooltipNotFront,
       label: n,
       placement: d,
       notShowArrow: a,
@@ -3341,15 +3377,15 @@ const Nr = /\{([^}]+)\}/g, vr = (e, t) => {
     }
   );
 };
-function ka({
-  sessionName: e,
-  apiConfig: t,
+function Oa({
+  sessionName: t,
+  apiConfig: e,
   onResolveComponentProps: s,
   children: r
 }) {
-  const c = ua(
-    e,
+  const c = xa(
     t,
+    e,
     null,
     s
   );
@@ -3358,49 +3394,49 @@ function ka({
     r
   ] });
 }
-const ia = { api: "", headers: {} }, la = ({
-  userFlow: e,
-  components: t,
+const ua = { api: "", headers: {} }, ha = ({
+  userFlow: t,
+  components: e,
   hash: s,
   apiConfig: r
 }) => {
-  const c = s ?? `${e}-page`;
+  const c = s ?? `${t}-page`;
   $(() => {
     var d, a;
-    return (a = (d = v.getState()[e]) == null ? void 0 : d.pages) != null && a[c] || ye(e, r ?? ia, {
+    return (a = (d = v.getState()[t]) == null ? void 0 : d.pages) != null && a[c] || yt(t, r ?? ua, {
       type: "page",
       hash: c,
-      body: { components: t }
+      body: { components: e }
     }), null;
   });
-  const l = E(e, c, t);
+  const l = E(t, c, e);
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: l });
 };
-function da(e) {
-  if (e == null || typeof e != "object" || !("components" in e) || !Array.isArray(e.components))
+function fa(t) {
+  if (t == null || typeof t != "object" || !("components" in t) || !Array.isArray(t.components))
     throw new Error(
       "[renderNotFront] payload.display must be an object with a `components` array"
     );
-  return e.components;
+  return t.components;
 }
-const _a = ({ payload: e, userFlow: t }) => {
-  const s = da(e.display), r = la({
-    userFlow: t,
-    hash: e.id,
+const ya = ({ payload: t, userFlow: e }) => {
+  const s = fa(t.display), r = ha({
+    userFlow: e,
+    hash: t.id,
     components: s
   });
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: r });
-}, Sa = _a, nt = (e, t, s, r, c) => {
+}, $a = ya, se = (t, e, s, r, c) => {
   const l = E(
-    e,
     t,
+    e,
     (r == null ? void 0 : r.components) || null,
     c
   );
   switch (s) {
     case "body":
       return /* @__PURE__ */ o.jsx(
-        Xn,
+        Wn,
         {
           ...r,
           inputs: l || []
@@ -3409,7 +3445,7 @@ const _a = ({ payload: e, userFlow: t }) => {
       );
     case "header":
       return /* @__PURE__ */ o.jsx(
-        dr,
+        ur,
         {
           ...r,
           components: l || []
@@ -3419,35 +3455,35 @@ const _a = ({ payload: e, userFlow: t }) => {
     default:
       return null;
   }
-}, ua = (e, t, s, r) => {
+}, xa = (t, e, s, r) => {
   var g, y;
-  const [c, l] = $(!1), i = !!(t != null && t.api && !s && e), [n, d] = $(i), a = v((m) => m[e]), _ = a == null ? void 0 : a.currentPageId, u = (a == null ? void 0 : a.isLoading) ?? !1, h = n || u;
+  const [c, l] = $(!1), i = !!(e != null && e.api && !s && t), [n, d] = $(i), a = v((m) => m[t]), _ = a == null ? void 0 : a.currentPageId, u = (a == null ? void 0 : a.isLoading) ?? !1, h = n || u;
   U(() => {
     if (typeof window > "u") return;
     const m = new URL(window.location.href), p = m.searchParams.get("sessionId");
-    p && (De(p), m.searchParams.delete("sessionId"), window.history.replaceState({}, "", m.toString()));
+    p && (Dt(p), m.searchParams.delete("sessionId"), window.history.replaceState({}, "", m.toString()));
   }, []);
-  const f = _ ? nt(
-    e,
+  const f = _ ? se(
+    t,
     _,
     "header",
     ((g = a == null ? void 0 : a.pages[_].page) == null ? void 0 : g.header) || null,
     r
-  ) : null, x = _ ? nt(
-    e,
+  ) : null, x = _ ? se(
+    t,
     _,
     "body",
     ((y = a == null ? void 0 : a.pages[_].page) == null ? void 0 : y.body) || null,
     r
   ) : null, b = async () => {
     try {
-      const m = await ft(
-        t,
-        e
-      ), p = m == null ? void 0 : m.data, C = p == null ? void 0 : p.content;
-      (m == null ? void 0 : m.status) === 200 ? ye(
+      const m = await xe(
         e,
+        t
+      ), p = m == null ? void 0 : m.data, C = p == null ? void 0 : p.content;
+      (m == null ? void 0 : m.status) === 200 ? yt(
         t,
+        e,
         C,
         p == null ? void 0 : p.sessionState,
         p == null ? void 0 : p.sessionId
@@ -3459,36 +3495,36 @@ const _a = ({ payload: e, userFlow: t }) => {
     }
   };
   return U(() => {
-    t != null && t.api && !s && e ? b() : !(t != null && t.api) && s && e || t != null && t.api && s && e ? ye(e, t, s) : (!(t != null && t.api) && !s || !e) && (l(!0), console.error(
+    e != null && e.api && !s && t ? b() : !(e != null && e.api) && s && t || e != null && e.api && s && t ? yt(t, e, s) : (!(e != null && e.api) && !s || !t) && (l(!0), console.error(
       "[not-page]: API call failed",
       "not api config",
       "not userFlow"
     ));
     const m = "avocado-theme-mode-changed", p = (C) => {
       const j = C.detail;
-      he.setThemeMode(j);
+      ht.setThemeMode(j);
     };
     return window.addEventListener(m, p), () => {
       window.removeEventListener(m, p);
     };
   }, []), c && console.error("[not-page]: No render page"), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    h && /* @__PURE__ */ o.jsx(Ft, {}),
+    h && /* @__PURE__ */ o.jsx(tn, {}),
     f,
     x,
-    _ && /* @__PURE__ */ o.jsx(xr, { userFlow: e, pageId: _ }),
-    a && /* @__PURE__ */ o.jsx(Pt, {})
+    _ && /* @__PURE__ */ o.jsx(gr, { userFlow: t, pageId: _ }),
+    a && /* @__PURE__ */ o.jsx(en, {})
   ] });
 };
 export {
-  Us as Chart,
-  ka as NotFrontPage,
-  _a as RenderNotFront,
-  wr as Row,
-  Ea as clearSessionId,
-  da as extractNotFrontComponents,
-  En as heading,
-  Sa as renderNotFront,
-  kn as text,
-  la as useNotFrontFragment,
-  ua as usePage
+  zs as Chart,
+  Oa as NotFrontPage,
+  ya as RenderNotFront,
+  kr as Row,
+  Aa as clearSessionId,
+  fa as extractNotFrontComponents,
+  Sn as heading,
+  $a as renderNotFront,
+  Tn as text,
+  ha as useNotFrontFragment,
+  xa as usePage
 };