@foris/avocado-not-front 5.2.7 → 5.2.9

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

@@ -1,69 +1,67 @@
 import X from "axios";
-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 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 { create as Se } from "zustand";
+import Te, { useMemo as D, useState as q, useCallback as L, Fragment as A, useEffect as U, useRef as ut, cloneElement as Ae } from "react";
+import { Heading as re, Text as ae, Accordion as Oe, ThemeStore as ht, Box as $e, RadioButton as De, Stepper as Re, ProgressBar as qe, Breadcrumbs as Le, Button as Ie, CardAccordion as Ke, Card as Be, CardNotification as mt, SkeletonBase as oe, Checkbox as Me, PreviewerMarkdown as ce, DataCard as ie, Divider as Ge, Drawer as He, DropdownButton as Ve, Link as Ue, Menu as ze, Modal as Xe, Pill as St, RoundButton as Je, SelectPagination as We, Select as Ye, Switch as Qe, Table as Mt, Pager as Ct, Tabs as Ze, Textarea as Fe, TextField as Pe, toast as lt, Tooltip as tn, Loading as en, Toaster as nn } from "@foris/avocado-suite";
+import { ChatPanel as sn, PromptCodeEditor as rn, SummaryCard as an } from "@foris/ai-agent";
+import M from "jsonpath";
+import { ResponsiveContainer as $t, Legend as on, Tooltip as cn, XAxis as ln, YAxis as dn, AreaChart as _n, CartesianGrid as st, Area as le, BarChart as Dt, Bar as pt, ComposedChart as un, Line as de, PieChart as _e, Pie as ue, Cell as he, Sector as Gt, LineChart as hn } from "recharts";
+import fn from "@uiw/react-codemirror";
 import { json as Ht } from "@codemirror/lang-json";
-import { markdown as fn } from "@codemirror/lang-markdown";
+import { markdown as xn } 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) => {
+import { yaml as mn } from "@codemirror/lang-yaml";
+import { Icon as Vt } from "@foris/avocado-icons";
+const Rt = "sessionId", gn = () => sessionStorage.getItem(Rt), qt = (t) => {
   t && sessionStorage.setItem(Rt, t);
-}, $a = () => {
+}, Ka = () => {
   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 = Se(() => ({})), yt = (t, e, s, r, o) => {
+  qt(o);
+  const i = s == null ? void 0 : s.hash, c = r && Object.keys(r).length > 0 ? { ...r } : {};
   v.setState((n) => {
-    var d;
+    var _;
     return {
       ...n,
       [t]: {
         ...n[t],
         apiConfig: e,
-        currentPageId: l,
+        currentPageId: i,
         isLoading: !1,
         isModalOpen: !0,
         isDrawerOpen: !1,
-        entries: i,
+        entries: c,
         overlay: null,
         pages: {
-          ...(d = n[t]) == null ? void 0 : d.pages,
-          [l]: {
+          ...(_ = n[t]) == null ? void 0 : _.pages,
+          [i]: {
             page: s
           }
         }
       }
     };
   });
-}, he = (t, e, s) => {
+}, fe = (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]) => !e.includes(c)
-    )
+  return e.length === 0 ? r : Object.fromEntries(
+    Object.entries(r).filter(([o]) => !e.includes(o))
   );
-}, gn = (t, e, s, r, c) => {
-  Dt(s), v.setState((l) => {
-    const i = l[t] ?? {}, n = i.entries ?? {}, d = he(
+}, pn = (t, e, s, r, o) => {
+  qt(s), v.setState((i) => {
+    const c = i[t] ?? {}, n = c.entries ?? {}, _ = fe(
       n,
       r,
-      c
+      o
     );
     return {
-      ...l,
+      ...i,
       [t]: {
-        ...i,
+        ...c,
         currentPageId: e.hash,
-        entries: d,
+        entries: _,
         isLoading: !1,
         overlay: null,
         pages: {
-          ...i.pages,
+          ...c.pages,
           [e.hash]: {
             page: { ...e }
           }
@@ -71,29 +69,29 @@ const Rt = "sessionId", mn = () => sessionStorage.getItem(Rt), Dt = (t) => {
       }
     };
   });
-}, pn = (t, e, s, r) => {
-  v.setState((c) => {
-    var a;
-    const l = c[t] ?? {}, i = l.entries ?? {}, n = he(
-      i,
+}, bn = (t, e, s, r) => {
+  v.setState((o) => {
+    var l;
+    const i = o[t] ?? {}, c = i.entries ?? {}, n = fe(
+      c,
       s,
       r
-    ), d = (a = e.components) == null ? void 0 : a.some(
-      (_) => _.component === "drawer"
+    ), _ = (l = e.components) == null ? void 0 : l.some(
+      (d) => d.component === "drawer"
     );
     return {
-      ...c,
+      ...o,
       [t]: {
-        ...l,
+        ...i,
         entries: n,
         overlay: e,
         isLoading: !1,
-        isModalOpen: !d,
-        isDrawerOpen: !!d
+        isModalOpen: !_,
+        isDrawerOpen: !!_
       }
     };
   });
-}, qt = (t) => {
+}, Lt = (t) => {
   v.setState((e) => ({
     ...e,
     [t]: {
@@ -101,27 +99,27 @@ const Rt = "sessionId", mn = () => sessionStorage.getItem(Rt), Dt = (t) => {
       overlay: null
     }
   }));
-}, bn = (t) => {
+}, jn = (t) => {
   var s;
   return ((s = v.getState()[t]) == null ? void 0 : s.overlay) ?? null;
 }, K = (t, e) => {
   const {
     content: s,
     sessionId: r,
-    deprecatedStateKeys: c = [],
-    sessionState: l
+    deprecatedStateKeys: o = [],
+    sessionState: i
   } = e;
-  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? gn(
+  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? pn(
     t,
     s,
     r,
-    c,
-    l
-  ) : pn(
+    o,
+    i
+  ) : bn(
     t,
     s,
-    c,
-    l
+    o,
+    i
   ));
 }, I = (t, e) => {
   v.setState((s) => {
@@ -138,20 +136,20 @@ const Rt = "sessionId", mn = () => sessionStorage.getItem(Rt), Dt = (t) => {
       }
     };
   });
-}, jn = (t, e) => {
+}, Cn = (t, e) => {
   v.setState((s) => {
     const r = s[t];
     if (!r)
       return s;
-    const c = r.entries ?? {};
-    if (!(e in c))
+    const o = r.entries ?? {};
+    if (!(e in o))
       return s;
-    const { [e]: l, ...i } = c;
+    const { [e]: i, ...c } = o;
     return {
       ...s,
       [t]: {
         ...r,
-        entries: i
+        entries: c
       }
     };
   });
@@ -194,45 +192,45 @@ const Rt = "sessionId", mn = () => sessionStorage.getItem(Rt), Dt = (t) => {
     } : s;
   });
 };
-let Nt = !1, mt = [], Vt = !1;
-const Cn = (t) => t._userFlow || null, zt = (t) => {
-  mt.forEach(({ resolve: e, reject: s }) => {
+let wt = !1, gt = [], zt = !1;
+const wn = (t) => t._userFlow || null, Xt = (t) => {
+  gt.forEach(({ resolve: e, reject: s }) => {
     t ? s(t) : e(void 0);
-  }), mt = [];
+  }), gt = [];
 }, Nn = async (t) => {
-  var r, c;
+  var r, o;
   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;
+    const i = wn(e);
+    if (i) {
+      const n = (o = v.getState()[i]) == null ? void 0 : o.apiConfig;
       if (!n)
         return Promise.reject(t);
       if (n.onAuthenticationError || typeof n.headers == "function") {
-        if (Nt)
-          return new Promise((a, _) => {
-            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;
+        if (wt)
+          return new Promise((l, d) => {
+            gt.push({ resolve: l, reject: d });
+          }).then(() => X(e)).catch((l) => (console.error("[axiosInterceptors] Queued request failed:", l), Promise.reject(l)));
+        e._retry = !0, wt = !0;
         try {
-          let a;
+          let l;
           if (n.onAuthenticationError)
-            a = await n.onAuthenticationError();
+            l = await n.onAuthenticationError();
           else if (typeof n.headers == "function")
-            a = n.headers();
+            l = n.headers();
           else
             throw new Error("No refresh handler available");
-          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 n.onAuthenticationError && (typeof n.headers == "string" ? Ut(i, JSON.stringify(l)) : Ut(i, l)), e.headers || (e.headers = {}), Object.assign(e.headers, l), Xt(null), X(e);
+        } catch (l) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
-            a
+            l
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
-            mt.length
-          ), zt(a), Promise.reject(a);
+            gt.length
+          ), Xt(l), Promise.reject(l);
         } finally {
-          Nt = !1;
+          wt = !1;
         }
       } else
         console.warn(
@@ -245,20 +243,20 @@ const Cn = (t) => t._userFlow || null, zt = (t) => {
       );
   }
   return Promise.reject(t);
-}, wn = () => {
-  if (Vt) {
+}, vn = () => {
+  if (zt) {
     console.debug(
       "[axiosInterceptors] Interceptors already initialized, skipping"
     );
     return;
   }
-  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");
+  console.debug("[axiosInterceptors] Initializing interceptors..."), X.interceptors.response.use(void 0, Nn), console.debug("[axiosInterceptors] Response error interceptor registered"), zt = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
 };
-wn();
-function vn(t) {
+vn();
+function En(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var wt = { exports: {} }, dt = {};
+var Nt = { exports: {} }, dt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -268,46 +266,46 @@ var wt = { exports: {} }, dt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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: e, type: n, key: h, ref: f, props: u, _owner: c.current };
-  }
-  return dt.Fragment = s, dt.jsx = i, dt.jsxs = i, dt;
-}
 var Jt;
 function kn() {
-  return Jt || (Jt = 1, wt.exports = En()), wt.exports;
+  if (Jt) return dt;
+  Jt = 1;
+  var t = Te, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(n, _, l) {
+    var d, u = {}, h = null, f = null;
+    l !== void 0 && (h = "" + l), _.key !== void 0 && (h = "" + _.key), _.ref !== void 0 && (f = _.ref);
+    for (d in _) r.call(_, d) && !i.hasOwnProperty(d) && (u[d] = _[d]);
+    if (n && n.defaultProps) for (d in _ = n.defaultProps, _) u[d] === void 0 && (u[d] = _[d]);
+    return { $$typeof: e, type: n, key: h, ref: f, props: u, _owner: o.current };
+  }
+  return dt.Fragment = s, dt.jsx = c, dt.jsxs = c, dt;
 }
-var o = kn();
-const Sn = (t) => {
+var Wt;
+function Sn() {
+  return Wt || (Wt = 1, Nt.exports = kn()), Nt.exports;
+}
+var a = Sn();
+const Tn = (t) => {
   if (!(t != null && t.content)) return null;
   const e = {
     ...t,
     children: t.content,
     type: t.variant
   };
-  return /* @__PURE__ */ o.jsx(re, { ...e });
-}, Tn = (t) => {
+  return /* @__PURE__ */ a.jsx(re, { ...e });
+}, An = (t) => {
   if (!t) return null;
   const e = {
     ...t,
     children: t.content
   };
-  return /* @__PURE__ */ o.jsx(ae, { ...e });
+  return /* @__PURE__ */ a.jsx(ae, { ...e });
 }, E = (t, e, s, r) => {
-  var i;
-  const c = {
-    accordion: (n) => /* @__PURE__ */ o.jsx(Kn, { ...n, userFlow: t, pageId: e }),
-    aiChatPanel: (n) => /* @__PURE__ */ o.jsx(
-      Bn,
+  var c;
+  const o = {
+    accordion: (n) => /* @__PURE__ */ a.jsx(Bn, { ...n, userFlow: t, pageId: e }),
+    aiChatPanel: (n) => /* @__PURE__ */ a.jsx(
+      Mn,
       {
         ...n,
         userFlow: t,
@@ -315,8 +313,8 @@ const Sn = (t) => {
         onResolveProps: r == null ? void 0 : r.aiChatPanel
       }
     ),
-    aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(
-      zn,
+    aiSummaryCard: (n) => /* @__PURE__ */ a.jsx(
+      Xn,
       {
         ...n,
         userFlow: t,
@@ -324,69 +322,69 @@ const Sn = (t) => {
         onResolveProps: r == null ? void 0 : r.aiSummaryCard
       }
     ),
-    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(ha, { ...n, userFlow: t, pageId: e }),
-    textarea: (n) => /* @__PURE__ */ o.jsx(oa, { ...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(la, { ...n, userFlow: t, pageId: e }),
-    toast: (n) => /* @__PURE__ */ o.jsx(da, { ...n, userFlow: t, pageId: e })
+    aiPromptCodeEditor: (n) => /* @__PURE__ */ a.jsx(Vn, { ...n, userFlow: t, pageId: e }),
+    box: (n) => /* @__PURE__ */ a.jsx(Fn, { ...n, userFlow: t, pageId: e }),
+    breadcrumbs: (n) => /* @__PURE__ */ a.jsx(ds, { ...n, userFlow: t, pageId: e }),
+    tooltip: (n) => /* @__PURE__ */ a.jsx(pa, { ...n, userFlow: t, pageId: e }),
+    textarea: (n) => /* @__PURE__ */ a.jsx(ua, { ...n, userFlow: t, pageId: e }),
+    card: (n) => /* @__PURE__ */ a.jsx(ys, { ...n, userFlow: t, pageId: e }),
+    dropdownButton: (n) => /* @__PURE__ */ a.jsx(xr, { ...n, userFlow: t, pageId: e }),
+    menu: (n) => /* @__PURE__ */ a.jsx(br, { ...n, userFlow: t, pageId: e }),
+    radioGroup: (n) => /* @__PURE__ */ a.jsx(cs, { ...n, userFlow: t, pageId: e }),
+    stepper: (n) => /* @__PURE__ */ a.jsx(is, { ...n, userFlow: t, pageId: e }),
+    progressBar: (n) => /* @__PURE__ */ a.jsx(ls, { ...n, userFlow: t, pageId: e }),
+    button: (n) => /* @__PURE__ */ a.jsx(_s, { ...n, userFlow: t, pageId: e }),
+    cardAccordion: (n) => /* @__PURE__ */ a.jsx(hs, { ...n, userFlow: t, pageId: e }),
+    cardNotification: (n) => /* @__PURE__ */ a.jsx(ms, { ...n, userFlow: t, pageId: e }),
+    chart: (n) => /* @__PURE__ */ a.jsx(Xs, { ...n, userFlow: t }),
+    dataCard: (n) => /* @__PURE__ */ a.jsx(cr, { ...n, userFlow: t, pageId: e }),
+    checkbox: (n) => /* @__PURE__ */ a.jsx(Js, { ...n, userFlow: t, pageId: e }),
+    code: (n) => /* @__PURE__ */ a.jsx(tr, { ...n, userFlow: t, pageId: e }),
+    divider: (n) => /* @__PURE__ */ a.jsx(dr, { ...n }),
+    drawer: (n) => /* @__PURE__ */ a.jsx(fr, { ...n, userFlow: t, pageId: e }),
+    heading: (n) => Tn(n),
+    link: (n) => /* @__PURE__ */ a.jsx(pr, { ...n, userFlow: t, pageId: e }),
+    pill: (n) => /* @__PURE__ */ a.jsx(Sr, { ...n }),
+    previewerMarkdown: (n) => /* @__PURE__ */ a.jsx(Tr, { ...n }),
+    modal: (n) => /* @__PURE__ */ a.jsx(wr, { ...n, userFlow: t, pageId: e }),
+    roundButton: (n) => /* @__PURE__ */ a.jsx(Ar, { ...n, userFlow: t, pageId: e }),
+    row: (n) => /* @__PURE__ */ a.jsx(Dr, { ...n, userFlow: t, pageId: e }),
+    select: (n) => /* @__PURE__ */ a.jsx(Gr, { ...n, userFlow: t, pageId: e }),
+    switch: (n) => /* @__PURE__ */ a.jsx(Fr, { ...n, userFlow: t, pageId: e }),
+    spacing: (n) => /* @__PURE__ */ a.jsx(Zr, { ...n, userFlow: t, pageId: e }),
+    table: (n) => /* @__PURE__ */ a.jsx(aa, { ...n, userFlow: t, pageId: e }),
+    tabs: (n) => /* @__PURE__ */ a.jsx(la, { ...n, userFlow: t, pageId: e }),
+    text: (n) => An(n),
+    textField: (n) => /* @__PURE__ */ a.jsx(xa, { ...n, userFlow: t, pageId: e }),
+    toast: (n) => /* @__PURE__ */ a.jsx(ya, { ...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: t, pageId: e }) : null;
+  return (c = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : c.map((n) => {
+    const _ = o[n.component];
+    return _ ? _({ ...n, userFlow: t, pageId: e }) : null;
   });
 };
-function An(t) {
+function On(t) {
   return !!(t == null || typeof t == "string" && t.trim() === "" || Array.isArray(t) && t.length === 0);
 }
-function fe(t, e) {
+function xe(t, e) {
   if (!(e != null && e.length))
     return !1;
   for (const s of e)
     if (s.when === "empty") {
       const r = t == null ? void 0 : t[s.key];
-      if (An(r))
+      if (On(r))
         return !0;
     }
   return !1;
 }
-function M(t, e) {
+function B(t, e) {
   const s = v((r) => {
-    var c;
-    return (c = r[t]) == null ? void 0 : c.entries;
+    var o;
+    return (o = r[t]) == null ? void 0 : o.entries;
   });
-  return O(
+  return D(
     () => ({
-      disabled: fe(s, e)
+      disabled: xe(s, e)
     }),
     [e, s]
   );
@@ -403,24 +401,24 @@ const rt = (t) => {
       return { "content-type": "application/json", Authorization: t };
     }
   return t;
-}, ft = () => new AbortController(), On = (t, e = {}, s = {}, r = !1, c) => {
-  const l = ft();
-  r && l.abort();
-  const i = rt(e);
+}, ft = () => new AbortController(), $n = (t, e = {}, s = {}, r = !1, o) => {
+  const i = ft();
+  r && i.abort();
+  const c = rt(e);
   return {
     call: X.get(t, {
       headers: {
-        ...i
+        ...c
       },
       params: s,
-      signal: l.signal,
-      _userFlow: c
+      signal: i.signal,
+      _userFlow: o
     }),
-    controller: l
+    controller: i
   };
-}, Tt = (t, e = {}, s = {}, r = {}, c = !1, l) => {
-  const i = ft();
-  c && i.abort();
+}, Tt = (t, e = {}, s = {}, r = {}, o = !1, i) => {
+  const c = ft();
+  o && c.abort();
   const n = rt(e);
   return {
     call: X.post(t, s, {
@@ -428,14 +426,14 @@ const rt = (t) => {
         ...n
       },
       params: r,
-      signal: i.signal,
-      _userFlow: l
+      signal: c.signal,
+      _userFlow: i
     }),
-    controller: i
+    controller: c
   };
-}, $n = (t, e = {}, s = {}, r = {}, c = !1, l) => {
-  const i = ft();
-  c && i.abort();
+}, Dn = (t, e = {}, s = {}, r = {}, o = !1, i) => {
+  const c = ft();
+  o && c.abort();
   const n = rt(e);
   return {
     call: X.put(t, s, {
@@ -443,14 +441,14 @@ const rt = (t) => {
         ...n
       },
       params: r,
-      signal: i.signal,
-      _userFlow: l
+      signal: c.signal,
+      _userFlow: i
     }),
-    controller: i
+    controller: c
   };
-}, Rn = (t, e = {}, s = {}, r = {}, c = !1, l) => {
-  const i = ft();
-  c && i.abort();
+}, Rn = (t, e = {}, s = {}, r = {}, o = !1, i) => {
+  const c = ft();
+  o && c.abort();
   const n = rt(e);
   return {
     call: X.patch(t, s, {
@@ -458,14 +456,14 @@ const rt = (t) => {
         ...n
       },
       params: r,
-      signal: i.signal,
-      _userFlow: l
+      signal: c.signal,
+      _userFlow: i
     }),
-    controller: i
+    controller: c
   };
-}, Dn = (t, e = {}, s = {}, r = {}, c = !1, l) => {
-  const i = ft();
-  c && i.abort();
+}, qn = (t, e = {}, s = {}, r = {}, o = !1, i) => {
+  const c = ft();
+  o && c.abort();
   const n = rt(e);
   return {
     call: X.delete(t, {
@@ -474,42 +472,42 @@ const rt = (t) => {
       },
       data: s,
       params: r,
-      signal: i.signal,
-      _userFlow: l
+      signal: c.signal,
+      _userFlow: i
     }),
-    controller: i
+    controller: c
   };
 }, ye = () => {
   let t;
   return { callEndpoint: async (r) => {
     r.controller && (t = r.controller);
-    let c = {};
+    let o = {};
     try {
-      c = await r.call;
-    } catch (l) {
-      throw l;
+      o = await r.call;
+    } catch (i) {
+      throw i;
     }
-    return c;
+    return o;
   }, cancelEndpoint: () => {
     t && t.abort();
   } };
-}, xe = async (t, e, s = "", r = {}, c = {}) => {
+}, me = async (t, e, s = "", r = {}, o = {}) => {
   try {
-    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 = rt(n), h = Tt(
-      _,
+    const { callEndpoint: i } = ye(), { api: c, headers: n } = t, _ = gn(), l = new URLSearchParams({ session_name: e });
+    s && l.append("hash_code", s), _ && l.append("sessionId", _);
+    const d = `${c}/not-front/next-ui/?${l.toString()}`, u = rt(n), h = Tt(
+      d,
       u,
       r,
-      c,
+      o,
       !1,
       e
     );
-    return await l(h);
-  } catch (l) {
-    return console.error(l), Promise.reject(l);
+    return await i(h);
+  } catch (i) {
+    return console.error(i), Promise.reject(i);
   }
-}, me = (t) => {
+}, ge = (t) => {
   const e = t == null ? void 0 : t.toLowerCase();
   switch (e) {
     case "post":
@@ -521,35 +519,35 @@ const rt = (t) => {
     default:
       return "get";
   }
-}, 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 || "")}`);
+}, Ln = (t, e, s) => {
+  const { url: r, paginationKeys: o, params: i } = t, c = [], n = (o == null ? void 0 : o.page) ?? "page";
+  if (c.push(`${n}=${e}`), typeof s == "string") {
+    const d = (o == null ? void 0 : o.text) ?? "text";
+    c.push(`${d}=${encodeURIComponent(s || "")}`);
   }
-  if (l && typeof l == "object") {
-    const _ = Object.entries(l).map(
+  if (i && typeof i == "object") {
+    const d = Object.entries(i).map(
       ([u, h]) => `${encodeURIComponent(u)}=${encodeURIComponent(h)}`
     );
-    i.push(..._);
+    c.push(...d);
   }
-  const d = i.join("&");
-  return d ? `${r}?${d}` : r;
-}, Lt = (t, e, s, r) => {
-  const { type: c, url: l, method: i, headers: n } = t;
-  if (c === "rest") {
-    const d = qn(t, e, s), _ = { ...(t == null ? void 0 : t.data) ?? {}, ...r ?? {} };
+  const _ = c.join("&");
+  return _ ? `${r}?${_}` : r;
+}, Kt = (t, e, s, r) => {
+  const { type: o, url: i, method: c, headers: n } = t;
+  if (o === "rest") {
+    const _ = Ln(t, e, s), d = { ...(t == null ? void 0 : t.data) ?? {}, ...r ?? {} };
     return {
       type: "rest",
-      url: d,
-      method: me(i),
+      url: _,
+      method: ge(c),
       headers: n,
-      data: _
+      data: d
     };
   } else
     return {
       type: "graphql",
-      url: l,
+      url: i,
       method: "post",
       headers: n,
       query: t == null ? void 0 : t.query,
@@ -559,69 +557,69 @@ const rt = (t) => {
         page: e
       }
     };
-}, G = () => {
-  const t = v((n) => n), { callEndpoint: e } = ye(), s = async (n, d, a, _, u = !0) => {
+}, H = () => {
+  const t = v((n) => n), { callEndpoint: e } = ye(), s = async (n, _, l, d, u = !0) => {
     var h;
     try {
-      const f = (h = t[n]) == null ? void 0 : h.apiConfig, x = {
-        state: { ...a },
-        triggerKey: _
+      const f = (h = t[n]) == null ? void 0 : h.apiConfig, y = {
+        state: { ...l },
+        triggerKey: d
       };
-      return u && F(n, !0), await xe(
+      return u && F(n, !0), await me(
         f,
         n,
-        d,
-        x
+        _,
+        y
       );
     } catch (f) {
       throw u && F(n, !1), console.error("[getNextUI] Error fetching next UI:", f), f;
     }
-  }, r = (n, d) => {
-    const { url: a, headers: _, data: u, params: h } = n;
-    switch (me(n.method)) {
+  }, r = (n, _) => {
+    const { url: l, headers: d, data: u, params: h } = n;
+    switch (ge(n.method)) {
       case "post":
-        return Tt(a, _, u, {}, !1, d);
+        return Tt(l, d, u, {}, !1, _);
       case "put":
-        return $n(a, _, u, {}, !1, d);
+        return Dn(l, d, u, {}, !1, _);
       case "patch":
-        return Rn(a, _, u, {}, !1, d);
+        return Rn(l, d, u, {}, !1, _);
       case "delete":
-        return Dn(a, _, u, h, !1, d);
+        return qn(l, d, u, h, !1, _);
       case "get":
       default:
-        return On(a, _, h, !1, d);
+        return $n(l, d, h, !1, _);
     }
-  }, c = (n, d) => {
-    const { url: a, headers: _ } = n, u = {
+  }, o = (n, _) => {
+    const { url: l, headers: d } = n, u = {
       query: n == null ? void 0 : n.query,
       variables: (n == null ? void 0 : n.variables) || {}
     };
     return Tt(
-      a,
+      l,
       {
-        ..._,
+        ...d,
         "Content-Type": "application/json"
       },
       u,
       {},
       !1,
-      d
+      _
     );
-  }, l = async (n, d, a = !0) => {
-    var _, u;
+  }, i = async (n, _, l = !0) => {
+    var d, u;
     if (!n) {
       console.warn("[fetchDataSource] Invalid or missing dataSource");
       return;
     }
-    a && F(d, !0);
+    l && F(_, !0);
     try {
       let h;
       switch (n == null ? void 0 : n.type) {
         case "rest":
-          h = r(n, d);
+          h = r(n, _);
           break;
         case "graphql":
-          h = c(n, d);
+          h = o(n, _);
           break;
         default:
           throw new Error("[fetchDataSource] Unsupported data source type");
@@ -630,7 +628,7 @@ const rt = (t) => {
     } catch (h) {
       const f = h;
       return console.error("[fetchDataSource] Error:", f), {
-        status: ((_ = f == null ? void 0 : f.response) == null ? void 0 : _.status) ?? 0,
+        status: ((d = f == null ? void 0 : f.response) == null ? void 0 : d.status) ?? 0,
         data: ((u = f == null ? void 0 : f.response) == null ? void 0 : u.data) ?? {
           message: f == null ? void 0 : f.message,
           code: f == null ? void 0 : f.code,
@@ -638,21 +636,21 @@ const rt = (t) => {
         }
       };
     } finally {
-      a && F(d, !1);
+      l && F(_, !1);
     }
   };
   return {
     getNextUI: s,
-    fetchDataSource: l,
-    fetchAndGetNextUI: async (n, d, a, _, u) => {
+    fetchDataSource: i,
+    fetchAndGetNextUI: async (n, _, l, d, u) => {
       try {
         F(n, !0);
-        const h = await l(u, n, !1);
+        const h = await i(u, n, !1);
         return h && await s(
           n,
-          d,
-          a,
-          _
+          _,
+          l,
+          d
         );
       } catch (h) {
         throw F(n, !1), console.error(
@@ -662,201 +660,201 @@ const rt = (t) => {
       }
     }
   };
-}, In = "_accordion_1ri2t_1", Ln = "_accordionBody_1ri2t_8", Wt = {
+}, In = "_accordion_1ri2t_1", Kn = "_accordionBody_1ri2t_8", Yt = {
   accordion: In,
-  accordionBody: Ln
-}, Kn = (t) => {
+  accordionBody: Kn
+}, Bn = (t) => {
   const {
     userFlow: e,
     pageId: s,
     responseKey: r,
-    dependencies: c,
-    customContent: l,
-    actionContent: i,
+    dependencies: o,
+    customContent: i,
+    actionContent: c,
     components: n,
-    ...d
-  } = t, { getNextUI: a } = G(), [_, u] = $(
-    d.checkboxChecked || !1
-  ), { disabled: h } = M(
+    ..._
+  } = t, { getNextUI: l } = H(), [d, u] = q(
+    _.checkboxChecked || !1
+  ), { disabled: h } = B(
     e,
-    c
-  ), 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) => {
+    o
+  ), f = E(e, s, n), y = c ? E(e, s, c) : void 0, b = i ? E(e, s, i) : void 0, p = L(
+    async (g) => {
       var C;
       try {
-        const j = p.target.checked;
+        const j = g.target.checked;
         u(j);
-        const N = {
+        const w = {
           ...(C = v.getState()[e]) == null ? void 0 : C.entries,
           [r]: j
         };
-        if (I(e, N), d.actionType === "GO_TO_NEXT_UI") {
-          const w = await a(
+        if (I(e, w), _.actionType === "GO_TO_NEXT_UI") {
+          const N = await l(
             e,
             s,
-            N,
+            w,
             r
           );
-          w != null && w.data && K(e, w == null ? void 0 : w.data);
+          N != null && N.data && K(e, N == null ? void 0 : N.data);
         }
       } catch (j) {
         console.error("Error in accordion checkbox action:", j), alert(JSON.stringify(j));
       }
     },
-    [e, s, r, d.actionType, a]
-  ), y = d.disabled || h, m = {
-    ...d,
-    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(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
+    [e, s, r, _.actionType, l]
+  ), x = _.disabled || h, m = {
+    ..._,
+    className: Yt.accordion,
+    disabled: x,
+    checkboxChecked: d,
+    onChanceCheckbox: _.hasCheckbox ? p : void 0,
+    actionContent: y ? /* @__PURE__ */ a.jsx(a.Fragment, { children: y.map((g, C) => /* @__PURE__ */ a.jsx(A, { children: g }, `accordion-action-${C}`)) }) : void 0,
+    customContent: b ? /* @__PURE__ */ a.jsx(a.Fragment, { children: b.map((g, C) => /* @__PURE__ */ a.jsx(A, { children: g }, `accordion-custom-${C}`)) }) : void 0,
+    children: f ? /* @__PURE__ */ a.jsx("section", { className: Yt.accordionBody, children: f.map((g, C) => /* @__PURE__ */ a.jsx(A, { children: g }, `accordion-child-${C}`)) }) : void 0
   };
-  return /* @__PURE__ */ o.jsx(Te, { ...m });
-}, Bn = (t) => {
-  const e = ht.useThemeStore((i) => i.theme.mode), s = t.dataSource, r = O(() => ({
+  return /* @__PURE__ */ a.jsx(Oe, { ...m });
+}, Mn = (t) => {
+  const e = ht.useThemeStore((c) => c.theme.mode), s = t.dataSource, r = D(() => ({
     url: t.dataSource.url,
     method: t.dataSource.method,
     headers: t.dataSource.headers,
     params: s == null ? void 0 : s.data
-  }), [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 = {
+  }), [t.dataSource.url, t.dataSource.method, t.dataSource.headers, s == null ? void 0 : s.data]), o = t.locale ?? "en", i = D(() => {
+    var n, _, l, d, u;
+    const c = {
       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,
+      welcomeTitle: (_ = t == null ? void 0 : t.translations) == null ? void 0 : _.welcomeTitle,
+      welcomeDescription: (l = t == null ? void 0 : t.translations) == null ? void 0 : l.welcomeDescription,
+      placeholder: (d = t == null ? void 0 : t.translations) == null ? void 0 : d.placeholder,
       disclaimer: (u = t == null ? void 0 : t.translations) == null ? void 0 : u.disclaimer
     };
-    return Object.fromEntries(Object.entries(i).filter(([, h]) => !!h));
+    return Object.fromEntries(Object.entries(c).filter(([, h]) => !!h));
   }, [t == null ? void 0 : t.translations]);
   return U(() => {
     t.onResolveProps && t.onResolveProps({
       dataSource: r,
-      locale: c,
-      translations: l,
+      locale: o,
+      translations: i,
       initialSuggestions: t.initialSuggestions,
       theme: e
     });
   }, [
     t.onResolveProps,
     r,
-    c,
-    l,
+    o,
+    i,
     t.initialSuggestions,
     e
-  ]), t.onResolveProps ? null : /* @__PURE__ */ o.jsx(
-    nn,
+  ]), t.onResolveProps ? null : /* @__PURE__ */ a.jsx(
+    sn,
     {
       dataSource: r,
-      locale: c,
-      translations: l,
+      locale: o,
+      translations: i,
       initialSuggestions: t.initialSuggestions,
       theme: e
     }
   );
-}, Mn = "_promptCodeEditor_1d57s_1", Hn = {
-  promptCodeEditor: Mn
-}, Gn = (t) => {
+}, Gn = "_promptCodeEditor_1d57s_1", Hn = {
+  promptCodeEditor: Gn
+}, Vn = (t) => {
   const {
     userFlow: e,
     responseKey: s,
     codeBlockValue: r,
-    language: c,
-    disabled: l,
-    dependencies: i,
+    language: o,
+    disabled: i,
+    dependencies: c,
     dataSource: n,
-    inputLabel: d,
-    inputPlaceholder: a,
-    codeBlockLabel: _
-  } = t, u = ht.useThemeStore((p) => p.theme.mode), [h, f] = $(
+    inputLabel: _,
+    inputPlaceholder: l,
+    codeBlockLabel: d
+  } = t, u = ht.useThemeStore((g) => g.theme.mode), [h, f] = q(
     r || ""
-  ), { disabled: x } = M(
+  ), { disabled: y } = B(
     e,
-    i
-  ), b = l ?? x, g = c ?? "json", y = {
+    c
+  ), b = i ?? y, p = o ?? "json", x = {
     url: (n == null ? void 0 : n.url) || "",
     method: (n == null ? void 0 : n.method) || "post",
     headers: n == null ? void 0 : n.headers,
     body: n == null ? void 0 : n.data
-  }, m = (p) => {
-    f(p);
+  }, m = (g) => {
+    f(g);
     const C = {
-      [s]: p
+      [s]: g
     };
     I(e, C);
   };
   return U(() => {
     r !== void 0 && r !== h && f(r);
-  }, [r]), /* @__PURE__ */ o.jsx("section", { className: Hn.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
-    sn,
+  }, [r]), /* @__PURE__ */ a.jsx("section", { className: Hn.promptCodeEditor, children: /* @__PURE__ */ a.jsx(
+    rn,
     {
       themeMode: u,
-      requestConfig: y,
-      language: g,
+      requestConfig: x,
+      language: p,
       disabled: b,
-      inputLabel: d,
-      inputPlaceholder: a,
-      codeBlockLabel: _,
+      inputLabel: _,
+      inputPlaceholder: l,
+      codeBlockLabel: d,
       codeBlockValue: h,
       onCodeChange: m
     }
   ) });
-}, Un = "_summaryCard_jva4h_1", Vn = {
+}, Un = "_summaryCard_jva4h_1", zn = {
   summaryCard: Un
-}, zn = (t) => {
-  const e = t.dataSource, s = O(() => ({
+}, Xn = (t) => {
+  const e = t.dataSource, s = D(() => ({
     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 = t == null ? void 0 : t.translations) == null ? void 0 : i.title,
+  }), [t.dataSource.url, t.dataSource.method, t.dataSource.headers, e == null ? void 0 : e.data]), r = t.locale ?? "en", o = D(() => {
+    var c, n, _;
+    const i = {
+      title: (c = t == null ? void 0 : t.translations) == null ? void 0 : c.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
+      noData: (_ = t == null ? void 0 : t.translations) == null ? void 0 : _.noData
     };
     return Object.fromEntries(
-      Object.entries(l).filter(([, a]) => !!a)
+      Object.entries(i).filter(([, l]) => !!l)
     );
   }, [t == null ? void 0 : t.translations]);
   return U(() => {
     t.onResolveProps && t.onResolveProps({
       dataSource: s,
       locale: r,
-      translations: c
+      translations: o
     });
-  }, [t.onResolveProps, s, r, c]), t.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Vn.summaryCard, children: /* @__PURE__ */ o.jsx(
-    rn,
+  }, [t.onResolveProps, s, r, o]), t.onResolveProps ? null : /* @__PURE__ */ a.jsx("section", { className: zn.summaryCard, children: /* @__PURE__ */ a.jsx(
+    an,
     {
       dataSource: s,
       locale: r,
-      translations: c
+      translations: o
     }
   ) });
-}, 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) => {
+}, Jn = "_body_14tsv_1", Wn = "_body_content_14tsv_5", Qt = {
+  body: Jn,
+  body_content: Wn
+}, Yn = ({ inputs: t }) => /* @__PURE__ */ a.jsx("section", { className: Qt.body, children: /* @__PURE__ */ a.jsx("div", { className: Qt.body_content, children: t.map((e, s) => /* @__PURE__ */ a.jsx(A, { children: e }, s)) }) }), Qn = "_boxNotFront_67q2e_1", Zn = "_slotStack_67q2e_5", Zt = {
+  boxNotFront: Qn,
+  slotStack: Zn
+}, Fn = (t) => {
   const {
     userFlow: e,
     pageId: s,
     component: r,
-    hash: c,
-    responseKey: l,
-    content: i
-  } = t, n = ht.useThemeStore((_) => _.theme.mode) === "dark", d = E(
+    hash: o,
+    responseKey: i,
+    content: c
+  } = t, n = ht.useThemeStore((d) => d.theme.mode) === "dark", _ = E(
     e,
     s,
-    i != null && i.length ? i : null
-  ), 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 });
+    c != null && c.length ? c : null
+  ), l = _ && _.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: Zt.slotStack, children: _.map((d, u) => /* @__PURE__ */ a.jsx(A, { children: d }, `box-${o}-${u}`)) }) : null;
+  return /* @__PURE__ */ a.jsx($e, { className: Zt.boxNotFront, darkMode: n, children: l });
 };
 var vt = { exports: {} };
 /*!
@@ -864,30 +862,30 @@ var vt = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Zt;
-function Fn() {
-  return Zt || (Zt = 1, (function(t) {
+var Ft;
+function Pn() {
+  return Ft || (Ft = 1, (function(t) {
     (function() {
       var e = {}.hasOwnProperty;
       function s() {
-        for (var r = [], c = 0; c < arguments.length; c++) {
-          var l = arguments[c];
-          if (l) {
-            var i = typeof l;
-            if (i === "string" || i === "number")
-              r.push(l);
-            else if (Array.isArray(l)) {
-              if (l.length) {
-                var n = s.apply(null, l);
+        for (var r = [], o = 0; o < arguments.length; o++) {
+          var i = arguments[o];
+          if (i) {
+            var c = typeof i;
+            if (c === "string" || c === "number")
+              r.push(i);
+            else if (Array.isArray(i)) {
+              if (i.length) {
+                var n = s.apply(null, i);
                 n && r.push(n);
               }
-            } else if (i === "object") {
-              if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]")) {
-                r.push(l.toString());
+            } else if (c === "object") {
+              if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]")) {
+                r.push(i.toString());
                 continue;
               }
-              for (var d in l)
-                e.call(l, d) && l[d] && r.push(d);
+              for (var _ in i)
+                e.call(i, _) && i[_] && r.push(_);
             }
           }
         }
@@ -897,52 +895,52 @@ function Fn() {
     })();
   })(vt)), vt.exports;
 }
-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) => {
+var ts = Pn();
+const et = /* @__PURE__ */ En(ts), es = "_fieldset_1xrth_1", ns = "_fieldsetColumn_1xrth_8", ss = "_legend_1xrth_14", rs = "_options_1xrth_20", as = "_optionsRow_1xrth_25", os = "_optionsColumn_1xrth_36", P = {
+  fieldset: es,
+  fieldsetColumn: ns,
+  legend: ss,
+  options: rs,
+  optionsRow: as,
+  optionsColumn: os
+}, cs = (t) => {
   const {
     userFlow: e,
     pageId: s,
     responseKey: r,
-    label: c,
-    value: l,
-    required: i,
+    label: o,
+    value: i,
+    required: c,
     actionType: n,
-    dependencies: d,
-    direction: a,
-    items: _
-  } = t, u = a === "column" ? "column" : "row", { getNextUI: h } = G(), { disabled: f } = M(
+    dependencies: _,
+    direction: l,
+    items: d
+  } = t, u = l === "column" ? "column" : "row", { getNextUI: h } = H(), { disabled: f } = B(
     e,
-    d
-  ), x = v(
-    (p) => {
+    _
+  ), y = v(
+    (g) => {
       var C, j;
-      return (j = (C = p[e]) == null ? void 0 : C.entries) == null ? void 0 : j[r];
+      return (j = (C = g[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) => {
+  ), b = y != null ? String(y) : i ?? "", p = f, x = D(() => o ? c ? `${o} *` : o : null, [o, c]), m = L(
+    async (g) => {
       var C;
-      if (!g)
+      if (!p)
         try {
           const j = {
             ...(C = v.getState()[e]) == null ? void 0 : C.entries,
-            [r]: p
+            [r]: g
           };
           if (I(e, j), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
-            const S = await h(
+            const k = await h(
               e,
               s,
               j,
               r,
               n === "GO_TO_NEXT_UI"
             );
-            S != null && S.data && K(e, S == null ? void 0 : S.data);
+            k != null && k.data && K(e, k == null ? void 0 : k.data);
           }
         } catch (j) {
           alert(JSON.stringify(j));
@@ -951,13 +949,13 @@ const et = /* @__PURE__ */ vn(Pn), ts = "_fieldset_1xrth_1", es = "_fieldsetColu
     [
       n,
       h,
-      g,
+      p,
       s,
       r,
       e
     ]
   );
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
       className: et(
@@ -965,101 +963,101 @@ const et = /* @__PURE__ */ vn(Pn), ts = "_fieldset_1xrth_1", es = "_fieldsetColu
         u === "column" && P.fieldsetColumn
       ),
       children: [
-        y ? /* @__PURE__ */ o.jsx("legend", { className: P.legend, children: y }) : null,
-        /* @__PURE__ */ o.jsx(
+        x ? /* @__PURE__ */ a.jsx("legend", { className: P.legend, children: x }) : null,
+        /* @__PURE__ */ a.jsx(
           "div",
           {
             className: et(
               P.options,
               u === "column" ? P.optionsColumn : P.optionsRow
             ),
-            children: _.map((p) => /* @__PURE__ */ o.jsx(
-              Oe,
+            children: d.map((g) => /* @__PURE__ */ a.jsx(
+              De,
               {
                 name: r,
-                value: p.value,
-                checked: b === p.value,
-                disabled: g || p.disabled,
-                labelRight: p.label,
+                value: g.value,
+                checked: b === g.value,
+                disabled: p || g.disabled,
+                labelRight: g.label,
                 onChange: () => {
-                  m(p.value);
+                  m(g.value);
                 }
               },
-              p.value
+              g.value
             ))
           }
         )
       ]
     }
   );
-}, cs = ({
+}, is = ({
   userFlow: t,
   pageId: e,
   component: s,
   hash: r,
-  responseKey: c,
-  items: l,
-  itemActive: i,
+  responseKey: o,
+  items: i,
+  itemActive: c,
   darkMode: n
-}) => /* @__PURE__ */ o.jsx($e, { items: l, itemActive: i, darkMode: n }), is = ({
+}) => /* @__PURE__ */ a.jsx(Re, { items: i, itemActive: c, darkMode: n }), ls = ({
   userFlow: t,
   pageId: e,
   component: s,
   hash: r,
-  responseKey: c,
-  total: l,
-  done: i,
+  responseKey: o,
+  total: i,
+  done: c,
   inProgress: n
-}) => /* @__PURE__ */ o.jsx(Re, { total: l, done: i, inProgress: n }), ls = ({
+}) => /* @__PURE__ */ a.jsx(qe, { total: i, done: c, inProgress: n }), ds = ({
   userFlow: t,
   items: e,
   responseKey: s
 }) => {
-  const { getNextUI: r } = G(), c = L(
-    async ({ actionType: i, hashCode: n, redirectUrl: d }) => {
-      var a;
+  const { getNextUI: r } = H(), o = L(
+    async ({ actionType: c, hashCode: n, redirectUrl: _ }) => {
+      var l;
       try {
-        switch (i) {
+        switch (c) {
           case "GO_TO_NEXT_UI":
-            const _ = await r(
+            const d = await r(
               t,
               n,
-              { ...(a = v.getState()[t]) == null ? void 0 : a.entries },
+              { ...(l = v.getState()[t]) == null ? void 0 : l.entries },
               s
             );
-            _ != null && _.data && K(t, _ == null ? void 0 : _.data);
+            d != null && d.data && K(t, d == null ? void 0 : d.data);
             break;
           case "REDIRECT":
-            d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
+            _ ? window.location.href = _ : console.warn("Missing redirectUrl for REDIRECT actionType");
             break;
           default:
-            console.warn(`Unhandled actionType: ${i}`);
+            console.warn(`Unhandled actionType: ${c}`);
             break;
         }
-      } catch (_) {
-        alert(JSON.stringify(_));
+      } catch (d) {
+        alert(JSON.stringify(d));
       }
     },
     []
-  ), l = O(() => e == null ? void 0 : e.map((i) => ({
-    title: i == null ? void 0 : i.title,
-    component: /* @__PURE__ */ o.jsx("div", { onClick: () => c(i) })
+  ), i = D(() => e == null ? void 0 : e.map((c) => ({
+    title: c == null ? void 0 : c.title,
+    component: /* @__PURE__ */ a.jsx("div", { onClick: () => o(c) })
   })), []);
-  return /* @__PURE__ */ o.jsx(De, { items: l });
+  return /* @__PURE__ */ a.jsx(Le, { items: i });
 };
-function pt(t, e) {
-  const { getNextUI: s, fetchDataSource: r, fetchAndGetNextUI: c } = G();
+function xt(t, e) {
+  const { getNextUI: s, fetchDataSource: r, fetchAndGetNextUI: o } = H();
   return L(
-    async (l) => {
-      var h, f, x, b;
-      const { responseKey: i, actionType: n, dataSource: d, redirectUrl: a, dependencies: _ } = l, u = (h = v.getState()[t]) == null ? void 0 : h.entries;
-      if (!fe(u, _))
+    async (i) => {
+      var h, f, y, b;
+      const { responseKey: c, actionType: n, dataSource: _, redirectUrl: l, dependencies: d } = i, u = (h = v.getState()[t]) == null ? void 0 : h.entries;
+      if (!xe(u, d))
         try {
-          const g = {
+          const p = {
             ...(f = v.getState()[t]) == null ? void 0 : f.entries,
-            [i]: { status: 200 }
+            [c]: { status: 200 }
           };
-          switch (I(t, g), n) {
+          switch (I(t, p), n) {
             case "CLOSE_MODAL":
               It(t, !1);
               break;
@@ -1070,78 +1068,78 @@ function pt(t, e) {
               _t(t, !0);
               break;
             case "GO_TO_NEXT_UI": {
-              const y = await s(
+              const x = await s(
                 t,
                 e,
-                g,
-                i
+                p,
+                c
               );
-              y != null && y.data && K(t, y == null ? void 0 : y.data);
+              x != null && x.data && K(t, x == null ? void 0 : x.data);
               break;
             }
             case "FETCH_AND_GO_TO_NEXT_UI": {
-              const y = await c(
+              const x = await o(
                 t,
                 e,
-                g,
-                i,
-                d
+                p,
+                c,
+                _
               );
-              y != null && y.data && K(t, y == null ? void 0 : y.data);
+              x != null && x.data && K(t, x == null ? void 0 : x.data);
               break;
             }
             case "FETCH_DATA_SOURCE": {
-              const y = await r(
-                d,
+              const x = await r(
+                _,
                 t,
                 !1
               );
               I(t, {
-                [i]: {
-                  status: y == null ? void 0 : y.status,
-                  content: y == null ? void 0 : y.data
+                [c]: {
+                  status: x == null ? void 0 : x.status,
+                  content: x == null ? void 0 : x.data
                 }
               });
               break;
             }
             case "GET_DATA_SOURCE": {
-              const y = await s(
+              const x = await s(
                 t,
                 e,
-                g,
-                i
-              ), m = (x = y == null ? void 0 : y.data) == null ? void 0 : x.content;
+                p,
+                c
+              ), m = (y = x == null ? void 0 : x.data) == null ? void 0 : y.content;
               if ((m == null ? void 0 : m.type) !== "fetch")
                 break;
-              const p = m == null ? void 0 : m.dataSource, C = await r(p, t, !1), j = {
+              const g = m == null ? void 0 : m.dataSource, C = await r(g, t, !1), j = {
                 ...(b = v.getState()[t]) == null ? void 0 : b.entries,
-                [i]: {
+                [c]: {
                   status: C == null ? void 0 : C.status,
                   content: C == null ? void 0 : C.data
                 }
               };
               I(t, j);
-              const N = await s(
+              const w = await s(
                 t,
                 e,
                 j,
-                i
+                c
               );
-              N != null && N.data && K(t, N == null ? void 0 : N.data);
+              w != null && w.data && K(t, w == null ? void 0 : w.data);
               break;
             }
             case "REDIRECT":
-              a ? window.location.href = a : console.warn("Missing redirectUrl for REDIRECT actionType");
+              l ? window.location.href = l : console.warn("Missing redirectUrl for REDIRECT actionType");
               break;
             default:
               console.warn(`Unhandled actionType: ${n}`);
           }
-        } catch (g) {
-          alert(JSON.stringify(g));
+        } catch (p) {
+          alert(JSON.stringify(p));
         }
     },
     [
-      c,
+      o,
       r,
       s,
       e,
@@ -1149,76 +1147,76 @@ function pt(t, e) {
     ]
   );
 }
-const ds = (t) => {
+const _s = (t) => {
   const {
     userFlow: e,
     pageId: s,
     responseKey: r,
-    actionType: c,
-    label: l,
-    content: i,
+    actionType: o,
+    label: i,
+    content: c,
     dataSource: n,
-    redirectUrl: d,
-    dependencies: a,
-    onClick: _,
+    redirectUrl: _,
+    dependencies: l,
+    onClick: d,
     ...u
-  } = t, h = pt(e, s), { disabled: f } = M(
+  } = t, h = xt(e, s), { disabled: f } = B(
     e,
-    a
-  ), x = {
+    l
+  ), y = {
     ...u,
-    children: i ?? l
-  }, b = (x == null ? void 0 : x.disabled) ?? f, [g, y] = $(!1), m = ut(!1), p = L(async () => {
+    children: c ?? i
+  }, b = (y == null ? void 0 : y.disabled) ?? f, [p, x] = q(!1), m = ut(!1), g = L(async () => {
     if (m.current)
       return;
-    const C = c === "FETCH_DATA_SOURCE";
-    C && (m.current = !0, y(!0));
+    const C = o === "FETCH_DATA_SOURCE";
+    C && (m.current = !0, x(!0));
     try {
       await h({
         responseKey: r,
-        actionType: c,
+        actionType: o,
         dataSource: n,
-        redirectUrl: d,
-        dependencies: a
+        redirectUrl: _,
+        dependencies: l
       });
     } catch (j) {
       console.error("[ButtonNotFront] Action failed:", j);
     } finally {
-      C && (m.current = !1, y(!1));
+      C && (m.current = !1, x(!1));
     }
   }, [
-    c,
+    o,
     n,
-    a,
-    d,
+    l,
+    _,
     r,
     h
   ]);
-  return /* @__PURE__ */ o.jsx(
-    qe,
+  return /* @__PURE__ */ a.jsx(
+    Ie,
     {
-      ...x,
-      loading: x.loading || g,
+      ...y,
+      loading: y.loading || p,
       disabled: b,
-      onClick: () => !b && !g && (_ ?? p)()
+      onClick: () => !b && !p && (d ?? g)()
     }
   );
-}, _s = "_slotStack_12u4t_5", At = {
-  slotStack: _s
-}, us = (t) => {
+}, us = "_slotStack_12u4t_5", At = {
+  slotStack: us
+}, hs = (t) => {
   const {
     userFlow: e,
     pageId: s,
     component: r,
-    hash: c,
-    responseKey: l,
-    dependencies: i,
+    hash: o,
+    responseKey: i,
+    dependencies: c,
     content: n,
-    actionContent: d,
-    ...a
-  } = t, { disabled: _ } = M(
+    actionContent: _,
+    ...l
+  } = t, { disabled: d } = B(
     e,
-    i
+    c
   ), u = E(
     e,
     s,
@@ -1226,49 +1224,49 @@ const ds = (t) => {
   ), h = E(
     e,
     s,
-    d && d.length > 0 ? d : null
-  ), 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(
-    Ie,
+    _ && _.length > 0 ? _ : null
+  ), f = u && u.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: At.slotStack, children: u.map((p, x) => /* @__PURE__ */ a.jsx(A, { children: p }, `card-accordion-body-${o}-${x}`)) }) : void 0, y = h && h.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: At.slotStack, children: h.map((p, x) => /* @__PURE__ */ a.jsx(A, { children: p }, `card-accordion-actions-${o}-${x}`)) }) : void 0, b = l.disabled || d;
+  return /* @__PURE__ */ a.jsx(
+    Ke,
     {
-      ...a,
+      ...l,
       disabled: b,
-      actionContent: x,
+      actionContent: y,
       children: f ?? null
     }
   );
-}, hs = "_slotStack_ivk5b_1", fs = {
-  slotStack: hs
+}, fs = "_slotStack_ivk5b_1", xs = {
+  slotStack: fs
 }, ys = (t) => {
   const {
     userFlow: e,
     pageId: s,
     component: r,
-    hash: c,
-    responseKey: l,
-    content: i,
+    hash: o,
+    responseKey: i,
+    content: c,
     colorId: n,
-    disabled: d,
-    actionType: a,
-    dataSource: _,
+    disabled: _,
+    actionType: l,
+    dataSource: d,
     redirectUrl: u,
     dependencies: h
-  } = t, { getNextUI: f, fetchDataSource: x, fetchAndGetNextUI: b } = G(), { disabled: g } = M(
+  } = t, { getNextUI: f, fetchDataSource: y, fetchAndGetNextUI: b } = H(), { disabled: p } = B(
     e,
     h
-  ), y = d ?? g, m = E(
+  ), x = _ ?? p, m = E(
     e,
     s,
-    i && i.length > 0 ? i : null
-  ), 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))
+    c && c.length > 0 ? c : null
+  ), g = m && m.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: xs.slotStack, children: m.map((j, w) => /* @__PURE__ */ a.jsx(A, { children: j }, `card-body-${o}-${w}`)) }) : null, C = L(async () => {
+    var j, w, N;
+    if (!(!l || x))
       try {
-        const S = {
+        const k = {
           ...(j = v.getState()[e]) == null ? void 0 : j.entries,
-          [l]: { status: 200 }
+          [i]: { status: 200 }
         };
-        switch (I(e, S), a) {
+        switch (I(e, k), l) {
           case "CLOSE_MODAL":
             It(e, !1);
             break;
@@ -1280,198 +1278,198 @@ const ds = (t) => {
             break;
           case "GO_TO_NEXT_UI":
           case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-            const q = await f(
+            const $ = await f(
               e,
               s,
-              S,
-              l,
-              a === "GO_TO_NEXT_UI"
+              k,
+              i,
+              l === "GO_TO_NEXT_UI"
             );
-            q != null && q.data && K(e, q == null ? void 0 : q.data);
+            $ != null && $.data && K(e, $ == null ? void 0 : $.data);
             break;
           }
           case "FETCH_AND_GO_TO_NEXT_UI": {
-            const D = await b(
+            const O = await b(
               e,
               s,
-              S,
-              l,
-              _
+              k,
+              i,
+              d
             );
-            D != null && D.data && K(e, D == null ? void 0 : D.data);
+            O != null && O.data && K(e, O == null ? void 0 : O.data);
             break;
           }
           case "GET_DATA_SOURCE": {
-            const D = await f(
+            const O = await f(
               e,
               s,
-              S,
-              l
-            ), q = (N = D == null ? void 0 : D.data) == null ? void 0 : N.content;
-            if ((q == null ? void 0 : q.type) !== "fetch")
+              k,
+              i
+            ), $ = (w = O == null ? void 0 : O.data) == null ? void 0 : w.content;
+            if (($ == null ? void 0 : $.type) !== "fetch")
               break;
-            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]: {
+            const Q = $ == null ? void 0 : $.dataSource, V = await y(Q, e, !1), S = {
+              ...(N = v.getState()[e]) == null ? void 0 : N.entries,
+              [i]: {
                 status: V == null ? void 0 : V.status,
                 content: V == null ? void 0 : V.data
               }
             };
-            I(e, T);
-            const H = await f(
+            I(e, S);
+            const G = await f(
               e,
               s,
-              T,
-              l
+              S,
+              i
             );
-            H != null && H.data && K(e, H == null ? void 0 : H.data);
+            G != null && G.data && K(e, G == null ? void 0 : G.data);
             break;
           }
           case "REDIRECT":
             u && (window.location.href = u);
             break;
           default:
-            console.warn(`Unhandled card actionType: ${a}`);
+            console.warn(`Unhandled card actionType: ${l}`);
         }
-      } catch (S) {
-        alert(JSON.stringify(S));
+      } catch (k) {
+        alert(JSON.stringify(k));
       }
   }, [
-    a,
-    _,
-    y,
-    b,
+    l,
+    d,
     x,
+    b,
+    y,
     f,
     s,
     u,
-    l,
+    i,
     e
   ]);
-  return /* @__PURE__ */ o.jsx(
-    Le,
+  return /* @__PURE__ */ a.jsx(
+    Be,
     {
       colorId: n,
-      disabled: y,
-      onClick: a && !y ? () => void C() : void 0,
-      children: p
+      disabled: x,
+      onClick: l && !x ? () => void C() : void 0,
+      children: g
     }
   );
-}, xs = (t) => {
+}, ms = (t) => {
   const {
     userFlow: e,
     pageId: s,
     component: r,
-    hash: c,
-    responseKey: l,
-    content: i,
+    hash: o,
+    responseKey: i,
+    content: c,
     description: n,
-    ...d
-  } = t, a = Array.isArray(i), _ = E(
+    ..._
+  } = t, l = Array.isArray(c), d = E(
     e,
     s,
-    a && i.length > 0 ? i : null
+    l && c.length > 0 ? c : 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) => {
+  return d && d.length > 0 ? u = /* @__PURE__ */ a.jsxs("div", { className: At.slotStack, children: [
+    n ? /* @__PURE__ */ a.jsx(ae, { type: "sm", children: n }) : null,
+    d.map((h, f) => /* @__PURE__ */ a.jsx(A, { children: h }, `card-notification-body-${o}-${f}`))
+  ] }) : u = (typeof c == "string" ? c : void 0) ?? n, /* @__PURE__ */ a.jsx(mt, { ..._, children: u });
+}, Et = (t) => Array.isArray(t) ? t : typeof t == "object" ? JSON.stringify(t) : t, gs = (t, e) => {
   if (!e || t == null)
     return null;
-  const { extractionJsonPath: s, injectionJsonPath: r } = e, c = B.value(t, s);
-  if (c == null)
+  const { extractionJsonPath: s, injectionJsonPath: r } = e, o = M.value(t, s);
+  if (o == null)
     return null;
   try {
-    const l = {};
-    return B.value(l, r, c), l;
-  } catch (l) {
+    const i = {};
+    return M.value(i, r, o), i;
+  } catch (i) {
     return console.warn(
       "[buildCursorPayload] invalid injectionJsonPath:",
       r,
-      l
+      i
     ), null;
   }
-}, ge = (t, e, s, r) => {
-  const c = B.query(t, e), l = c == null ? void 0 : c.map((_) => {
+}, pe = (t, e, s, r) => {
+  const o = M.query(t, e), i = o == null ? void 0 : o.map((d) => {
     var u, h;
     if (s) {
       const f = {};
-      for (const [x, b] of Object.entries(s))
+      for (const [y, 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] = Et(
-            g.translations[String(y)]
-          ) : f[x] = Et(y);
+          const p = b, x = (u = M.query(d, p.path)) == null ? void 0 : u[0];
+          p.translations && String(x) in p.translations ? f[y] = Et(
+            p.translations[String(x)]
+          ) : f[y] = Et(x);
         } else {
-          const g = b;
-          f[x] = Et((h = B.query(_, g)) == null ? void 0 : h[0]);
+          const p = b;
+          f[y] = Et((h = M.query(d, p)) == null ? void 0 : h[0]);
         }
       return f;
     } else
-      return _;
-  }), 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,
+      return d;
+  }), c = M.value(t, (r == null ? void 0 : r.size) ?? "$.meta.size") ?? o.length, n = M.value(t, (r == null ? void 0 : r.total) ?? "$.meta.total") ?? 0, _ = r != null && r.hasMore ? !!M.value(t, r.hasMore) : void 0, l = {
+    size: c,
     total: n,
-    totalPages: r != null && r.totalPages ? B.value(
+    totalPages: r != null && r.totalPages ? M.value(
       t,
       (r == null ? void 0 : r.totalPages) ?? "$.meta.totalPages"
-    ) : i > 0 ? Math.ceil(n / i) : 0,
-    ...d !== void 0 ? { hasMore: d } : {}
+    ) : c > 0 ? Math.ceil(n / c) : 0,
+    ..._ !== void 0 ? { hasMore: _ } : {}
   };
-  return { items: l, pagination: a };
+  return { items: i, pagination: l };
 }, at = ({
   width: t,
   height: e,
   layout: s,
   data: r,
-  Chart: c,
-  children: l
+  Chart: o,
+  children: i
 }) => {
-  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 }) });
+  const c = e ?? nt, n = s ? { layout: s } : {};
+  return t ? /* @__PURE__ */ a.jsx(o, { width: t, height: c, data: r, ...n, children: i }) : /* @__PURE__ */ a.jsx($t, { width: "100%", height: c, children: /* @__PURE__ */ a.jsx(o, { data: r, ...n, children: i }) });
 }, J = ({ withPadding: t = !1 }) => {
-  const e = (s) => /* @__PURE__ */ o.jsx("span", { style: { color: A.labelColor }, children: s });
-  return /* @__PURE__ */ o.jsx(
-    an,
+  const e = (s) => /* @__PURE__ */ a.jsx("span", { style: { color: T.labelColor }, children: s });
+  return /* @__PURE__ */ a.jsx(
+    on,
     {
       formatter: e,
       wrapperStyle: {
-        fontSize: A.fontSize,
-        fontFamily: A.fontFamily,
+        fontSize: T.fontSize,
+        fontFamily: T.fontFamily,
         padding: t ? "1rem 0" : "0"
       }
     }
   );
-}, gs = ({
+}, ps = ({
   active: t,
   payload: e,
   label: s,
   tooltipKey: r,
-  tooltipCoverage: c
+  tooltipCoverage: o
 }) => {
-  var _, u;
+  var d, u;
   if (!t || !e || !e.length)
     return null;
-  const l = {
-    backgroundColor: A.tooltipBg,
-    borderRadius: A.tooltipBorderRadius,
-    color: A.tooltipColor,
+  const i = {
+    backgroundColor: T.tooltipBg,
+    borderRadius: T.tooltipBorderRadius,
+    color: T.tooltipColor,
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
   if (r) {
-    const h = (_ = e[0]) == null ? void 0 : _.payload;
+    const h = (d = e[0]) == null ? void 0 : d.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] }) });
+      return /* @__PURE__ */ a.jsx("div", { style: i, children: /* @__PURE__ */ a.jsx("p", { style: { margin: 0 }, children: h[r] }) });
   }
-  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 }),
-    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
+  const c = (u = e[0]) == null ? void 0 : u.payload, n = (o == null ? void 0 : o.label) ?? "Cobertura", _ = o ? c == null ? void 0 : c[o.denominatorKey] : void 0, l = o && _ !== void 0 && _ !== null && _ > 0;
+  return /* @__PURE__ */ a.jsxs("div", { style: i, children: [
+    /* @__PURE__ */ a.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: s }),
+    e.map((h, f) => /* @__PURE__ */ a.jsx("p", { style: { margin: "2px 0", color: h.color }, children: `${h.name}: ${h.value}` }, f)),
+    l && /* @__PURE__ */ a.jsx("p", { style: { margin: "2px 0" }, children: `${n}: ${Math.round(
+      c[o.numeratorKey] / _ * 100
     )}%` })
   ] });
 }, W = ({
@@ -1479,29 +1477,29 @@ const ds = (t) => {
   tooltipCoverage: e,
   defaultIndex: s,
   hideContent: r = !1
-} = {}) => /* @__PURE__ */ o.jsx(
-  on,
+} = {}) => /* @__PURE__ */ a.jsx(
+  cn,
   {
     defaultIndex: s,
     cursor: r ? !1 : void 0,
-    content: r ? () => null : (c) => /* @__PURE__ */ o.jsx(
-      gs,
+    content: r ? () => null : (o) => /* @__PURE__ */ a.jsx(
+      ps,
       {
-        ...c,
+        ...o,
         tooltipKey: t,
         tooltipCoverage: e
       }
     )
   }
-), ot = ({ dataKey: t, hide: e = !1, type: s }) => /* @__PURE__ */ o.jsx(
-  cn,
+), ot = ({ dataKey: t, hide: e = !1, type: s }) => /* @__PURE__ */ a.jsx(
+  ln,
   {
     ...t ? { dataKey: t } : {},
     ...s ? { type: s } : {},
     hide: e,
     tick: {
-      fill: A.labelColor,
-      fontSize: A.fontSize
+      fill: T.labelColor,
+      fontSize: T.fontSize
     }
   }
 ), Y = ({
@@ -1509,76 +1507,76 @@ const ds = (t) => {
   dataKey: e,
   width: s,
   yAxisId: r,
-  orientation: c
-} = {}) => /* @__PURE__ */ o.jsx(
-  ln,
+  orientation: o
+} = {}) => /* @__PURE__ */ a.jsx(
+  dn,
   {
     ...t ? { type: t } : {},
     ...e ? { dataKey: e } : {},
     ...s !== void 0 ? { width: s } : {},
     ...r ? { yAxisId: r } : {},
-    ...c ? { orientation: c } : {},
+    ...o ? { orientation: o } : {},
     tick: {
-      fill: A.labelColor,
-      fontSize: A.fontSize
+      fill: T.labelColor,
+      fontSize: T.fontSize
     },
     tickMargin: 4
   }
-), 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(
-      ie,
+), bs = (t) => {
+  const { data: e, xKey: s, yKeys: r, tooltipKey: o, width: i } = t;
+  return /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: _n, children: [
+    /* @__PURE__ */ a.jsx(st, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ a.jsx(ot, { dataKey: s }),
+    /* @__PURE__ */ a.jsx(Y, {}),
+    /* @__PURE__ */ a.jsx(W, { tooltipKey: o }),
+    /* @__PURE__ */ a.jsx(J, {}),
+    r.map((c, n) => /* @__PURE__ */ a.jsx(
+      le,
       {
         type: "monotone",
-        dataKey: i,
+        dataKey: c,
         stroke: R[n % R.length],
         fill: R[n % R.length]
       },
-      i
+      c
     ))
   ] });
-}, 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(
-      gt,
+}, js = (t) => {
+  const { data: e, yKeys: s, xKey: r, tooltipKey: o, width: i } = t;
+  return /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: Dt, children: [
+    /* @__PURE__ */ a.jsx(st, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ a.jsx(ot, { dataKey: r }),
+    /* @__PURE__ */ a.jsx(Y, {}),
+    /* @__PURE__ */ a.jsx(W, { tooltipKey: o }),
+    /* @__PURE__ */ a.jsx(J, {}),
+    s.map((c, n) => /* @__PURE__ */ a.jsx(
+      pt,
       {
-        dataKey: i,
+        dataKey: c,
         fill: R[n % R.length]
       },
-      i
+      c
     ))
   ] });
 };
-var pe = { NODE_ENV: "production" };
-const js = (t, e) => {
+var be = { NODE_ENV: "production" };
+const Cs = (t, e) => {
   if (e != null && e.length)
     return e;
   const s = [
     ...new Set(t.map((r) => r.yAxisId).filter((r) => !!r))
   ];
-  return s.length === 0 ? [] : s.map((r, c) => ({
+  return s.length === 0 ? [] : s.map((r, o) => ({
     id: r,
-    orientation: c === 1 ? "right" : "left"
+    orientation: o === 1 ? "right" : "left"
   }));
-}, 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 } : {};
+}, ws = (t, e) => {
+  !t.type && be.NODE_ENV;
+  const s = t.color ?? R[e % R.length], r = t.label ?? t.key, o = t.yAxisId ? { yAxisId: t.yAxisId } : {};
   switch (t.type) {
     case "area":
-      return /* @__PURE__ */ o.jsx(
-        ie,
+      return /* @__PURE__ */ a.jsx(
+        le,
         {
           dataKey: t.key,
           name: r,
@@ -1586,13 +1584,13 @@ const js = (t, e) => {
           fill: s,
           stroke: s,
           fillOpacity: 0.3,
-          ...c
+          ...o
         },
         t.key
       );
     case "line":
-      return /* @__PURE__ */ o.jsx(
-        le,
+      return /* @__PURE__ */ a.jsx(
+        de,
         {
           dataKey: t.key,
           name: r,
@@ -1600,20 +1598,20 @@ const js = (t, e) => {
           stroke: s,
           strokeWidth: 2,
           dot: !1,
-          ...c
+          ...o
         },
         t.key
       );
     case "bar":
-      return /* @__PURE__ */ o.jsx(
-        gt,
+      return /* @__PURE__ */ a.jsx(
+        pt,
         {
           dataKey: t.key,
           name: r,
           fill: s,
           stackId: t.stackId,
           barSize: t.barSize,
-          ...c
+          ...o
         },
         t.key
       );
@@ -1625,150 +1623,150 @@ const js = (t, e) => {
     data: e,
     xKey: s,
     series: r = [],
-    tooltipKey: c,
-    width: l,
-    showLegend: i = !0,
+    tooltipKey: o,
+    width: i,
+    showLegend: c = !0,
     yAxes: n
   } = 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(
+  !r.length && be.NODE_ENV;
+  const _ = Cs(r, n);
+  return /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: un, children: [
+    /* @__PURE__ */ a.jsx(st, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ a.jsx(ot, { dataKey: s }),
+    _.length > 0 ? _.map((l) => /* @__PURE__ */ a.jsx(
       Y,
       {
-        yAxisId: a.id,
-        orientation: a.orientation
+        yAxisId: l.id,
+        orientation: l.orientation
       },
-      a.id
-    )) : /* @__PURE__ */ o.jsx(Y, {}),
-    /* @__PURE__ */ o.jsx(W, { tooltipKey: c }),
-    i && /* @__PURE__ */ o.jsx(J, {}),
-    r.map((a, _) => Cs(a, _))
+      l.id
+    )) : /* @__PURE__ */ a.jsx(Y, {}),
+    /* @__PURE__ */ a.jsx(W, { tooltipKey: o }),
+    c && /* @__PURE__ */ a.jsx(J, {}),
+    r.map((l, d) => ws(l, d))
   ] });
-}, ws = "55%", vs = 120, Es = (t) => (e) => {
+}, vs = "55%", Es = 120, ks = (t) => (e) => {
   const s = Math.PI / 180, {
     cx: r = 0,
-    cy: c = 0,
-    midAngle: l = 0,
-    innerRadius: i = 0,
+    cy: o = 0,
+    midAngle: i = 0,
+    innerRadius: c = 0,
     outerRadius: n = 0,
-    startAngle: d = 0,
-    endAngle: a = 0,
-    fill: _ = R[0],
+    startAngle: _ = 0,
+    endAngle: l = 0,
+    fill: d = R[0],
     payload: u,
     percent: h = 0,
     value: f = 0
-  } = 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(
+  } = e, y = Math.sin(-s * i), b = Math.cos(-s * i), p = r + (n + 10) * b, x = o + (n + 10) * y, m = r + (n + 30) * b, g = o + (n + 30) * y, C = m + (b >= 0 ? 1 : -1) * 22, j = g, w = b >= 0 ? "start" : "end", N = u, k = String((N == null ? void 0 : N[t]) ?? "");
+  return /* @__PURE__ */ a.jsxs("g", { children: [
+    /* @__PURE__ */ a.jsx(
       "text",
       {
         x: r,
-        y: c,
+        y: o,
         dy: 8,
         textAnchor: "middle",
-        fill: A.labelColor,
-        fontSize: A.fontSize + 2,
-        fontFamily: A.fontFamily,
-        children: S
+        fill: T.labelColor,
+        fontSize: T.fontSize + 2,
+        fontFamily: T.fontFamily,
+        children: k
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      Mt,
+    /* @__PURE__ */ a.jsx(
+      Gt,
       {
         cx: r,
-        cy: c,
-        innerRadius: i,
+        cy: o,
+        innerRadius: c,
         outerRadius: n,
-        startAngle: d,
-        endAngle: a,
-        fill: _
+        startAngle: _,
+        endAngle: l,
+        fill: d
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      Mt,
+    /* @__PURE__ */ a.jsx(
+      Gt,
       {
         cx: r,
-        cy: c,
-        startAngle: d,
-        endAngle: a,
+        cy: o,
+        startAngle: _,
+        endAngle: l,
         innerRadius: n + 6,
         outerRadius: n + 10,
-        fill: _
+        fill: d
       }
     ),
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ a.jsx(
       "path",
       {
-        d: `M${g},${y}L${m},${p}L${C},${j}`,
-        stroke: _,
+        d: `M${p},${x}L${m},${g}L${C},${j}`,
+        stroke: d,
         fill: "none"
       }
     ),
-    /* @__PURE__ */ o.jsx("circle", { cx: C, cy: j, r: 2, fill: _, stroke: "none" }),
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ a.jsx("circle", { cx: C, cy: j, r: 2, fill: d, stroke: "none" }),
+    /* @__PURE__ */ a.jsx(
       "text",
       {
         x: C + (b >= 0 ? 1 : -1) * 12,
         y: j,
-        textAnchor: N,
-        fill: A.labelColor,
-        fontSize: A.fontSize + 2,
-        fontFamily: A.fontFamily,
+        textAnchor: w,
+        fill: T.labelColor,
+        fontSize: T.fontSize + 2,
+        fontFamily: T.fontFamily,
         children: f
       }
     ),
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ a.jsx(
       "text",
       {
         x: C + (b >= 0 ? 1 : -1) * 12,
         y: j,
         dy: 18,
-        textAnchor: N,
-        fill: A.labelColorMuted,
-        fontSize: A.fontSize,
-        fontFamily: A.fontFamily,
+        textAnchor: w,
+        fill: T.labelColorMuted,
+        fontSize: T.fontSize,
+        fontFamily: T.fontFamily,
         children: `(${(h * 100).toFixed(0)}%)`
       }
     )
   ] });
-}, ks = (t) => {
+}, Ss = (t) => {
   const {
     data: e,
     xKey: s,
     yKeys: r,
-    tooltipKey: c,
-    innerRadius: l = ws,
-    outerRadius: i = vs,
+    tooltipKey: o,
+    innerRadius: i = vs,
+    outerRadius: c = Es,
     activeShape: n = !0,
-    defaultIndex: d,
-    showLegend: a = !0
-  } = t, _ = r[0];
-  return /* @__PURE__ */ o.jsx(Ot, { width: "100%", height: nt, children: /* @__PURE__ */ o.jsxs(de, { children: [
-    /* @__PURE__ */ o.jsx(
+    defaultIndex: _,
+    showLegend: l = !0
+  } = t, d = r[0];
+  return /* @__PURE__ */ a.jsx($t, { width: "100%", height: nt, children: /* @__PURE__ */ a.jsxs(_e, { children: [
+    /* @__PURE__ */ a.jsx(
       W,
       {
-        tooltipKey: n ? void 0 : c,
-        defaultIndex: d,
+        tooltipKey: n ? void 0 : o,
+        defaultIndex: _,
         hideContent: n
       }
     ),
-    a && /* @__PURE__ */ o.jsx(J, {}),
-    /* @__PURE__ */ o.jsx(
-      _e,
+    l && /* @__PURE__ */ a.jsx(J, {}),
+    /* @__PURE__ */ a.jsx(
+      ue,
       {
         data: e,
-        dataKey: _,
+        dataKey: d,
         nameKey: s,
         cx: "50%",
         cy: "50%",
-        innerRadius: l,
-        outerRadius: i,
-        activeShape: n ? Es(s) : void 0,
-        children: e.map((u, h) => /* @__PURE__ */ o.jsx(
-          ue,
+        innerRadius: i,
+        outerRadius: c,
+        activeShape: n ? ks(s) : void 0,
+        children: e.map((u, h) => /* @__PURE__ */ a.jsx(
+          he,
           {
             fill: R[h % R.length]
           },
@@ -1778,143 +1776,143 @@ const js = (t, e) => {
     )
   ] }) });
 };
-function Ss(t, e, s = be) {
+function Ts(t, e, s = je) {
   return t <= 0 ? 0 : e <= 0 ? t : Math.max(t, e * s);
 }
-function Ts(t, e = Is, s) {
+function As(t, e = Is, s) {
   return s !== void 0 ? s : t <= 0 ? nt : Math.max(nt, t * e);
 }
-function As(t, e, s) {
+function Os(t, e, s) {
   if (s !== void 0)
     return s;
-  const r = t.reduce((c, l) => {
-    const i = String(l[e] ?? "");
-    return Math.max(c, i.length);
+  const r = t.reduce((o, i) => {
+    const c = String(i[e] ?? "");
+    return Math.max(o, c.length);
   }, 0);
   return Math.max(
-    Ls,
-    r * Ks
+    Ks,
+    r * Bs
   );
 }
-const Os = (t) => {
+const $s = (t) => {
   const {
     data: e,
     yKeys: s,
     xKey: r,
-    tooltipKey: c,
-    minCategoryHeight: l,
-    chartHeight: i,
+    tooltipKey: o,
+    minCategoryHeight: i,
+    chartHeight: c,
     tooltipCoverage: n,
-    showLegend: d = !0,
-    yKeyLabels: a,
-    yAxisWidth: _
-  } = t, u = Ts(
+    showLegend: _ = !0,
+    yKeyLabels: l,
+    yAxisWidth: d
+  } = t, u = As(
     e.length,
-    l,
-    i
-  ), h = As(e, r, _);
-  return /* @__PURE__ */ o.jsxs(
+    i,
+    c
+  ), h = Os(e, r, d);
+  return /* @__PURE__ */ a.jsxs(
     at,
     {
       height: u,
       layout: "vertical",
       data: e,
-      Chart: $t,
+      Chart: Dt,
       children: [
-        /* @__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(
-          gt,
+        /* @__PURE__ */ a.jsx(st, { strokeDasharray: "3 3", horizontal: !1 }),
+        /* @__PURE__ */ a.jsx(ot, { type: "number" }),
+        /* @__PURE__ */ a.jsx(Y, { type: "category", dataKey: r, width: h }),
+        /* @__PURE__ */ a.jsx(W, { tooltipKey: o, tooltipCoverage: n }),
+        _ && /* @__PURE__ */ a.jsx(J, {}),
+        s.map((f, y) => /* @__PURE__ */ a.jsx(
+          pt,
           {
             dataKey: f,
-            name: (a == null ? void 0 : a[f]) ?? f,
-            fill: R[x % R.length]
+            name: (l == null ? void 0 : l[f]) ?? f,
+            fill: R[y % R.length]
           },
           f
         ))
       ]
     }
   );
-}, $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(
-      le,
+}, Ds = (t) => {
+  const { data: e, xKey: s, yKeys: r, tooltipKey: o, width: i } = t;
+  return /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: hn, children: [
+    /* @__PURE__ */ a.jsx(st, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ a.jsx(ot, { dataKey: s }),
+    /* @__PURE__ */ a.jsx(Y, {}),
+    /* @__PURE__ */ a.jsx(W, { tooltipKey: o }),
+    /* @__PURE__ */ a.jsx(J, {}),
+    r.map((c, n) => /* @__PURE__ */ a.jsx(
+      de,
       {
         type: "monotone",
-        dataKey: i,
+        dataKey: c,
         stroke: R[n % R.length],
         strokeWidth: 2,
         dot: !1
       },
-      i
+      c
     ))
   ] });
 };
 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(
-      gt,
+const qs = (t) => {
+  const { data: e, xKey: s, series: r = [], tooltipKey: o, width: i } = t;
+  return !r.length && Rs.NODE_ENV, /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: Dt, children: [
+    /* @__PURE__ */ a.jsx(st, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ a.jsx(ot, { dataKey: s }),
+    /* @__PURE__ */ a.jsx(Y, {}),
+    /* @__PURE__ */ a.jsx(W, { tooltipKey: o }),
+    /* @__PURE__ */ a.jsx(J, {}),
+    r.map((c, n) => /* @__PURE__ */ a.jsx(
+      pt,
       {
-        dataKey: i.key,
-        name: i.label ?? i.key,
-        stackId: i.stackId,
-        fill: i.color ?? R[n % R.length]
+        dataKey: c.key,
+        name: c.label ?? c.key,
+        stackId: c.stackId,
+        fill: c.color ?? R[n % R.length]
       },
-      i.key
+      c.key
     ))
   ] });
-}, qs = (t) => {
-  const { data: e, xKey: s, yKeys: r, tooltipKey: c } = t, l = ({
-    cx: i,
+}, Ls = (t) => {
+  const { data: e, xKey: s, yKeys: r, tooltipKey: o } = t, i = ({
+    cx: c,
     cy: n,
-    midAngle: d,
-    innerRadius: a,
-    outerRadius: _,
+    midAngle: _,
+    innerRadius: l,
+    outerRadius: d,
     value: u
   }) => {
-    const h = Math.PI / 180, f = 25 + a + (_ - a), x = i + f * Math.cos(-(d ?? 0) * h), b = n + f * Math.sin(-(d ?? 0) * h);
-    return /* @__PURE__ */ o.jsx(
+    const h = Math.PI / 180, f = 25 + l + (d - l), y = c + f * Math.cos(-(_ ?? 0) * h), b = n + f * Math.sin(-(_ ?? 0) * h);
+    return /* @__PURE__ */ a.jsx(
       "text",
       {
-        x,
+        x: y,
         y: b,
-        fill: A.labelColor,
-        color: A.labelColor,
+        fill: T.labelColor,
+        color: T.labelColor,
         textAnchor: "middle",
         dominantBaseline: "central",
         children: u
       }
     );
   };
-  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(
-      _e,
+  return /* @__PURE__ */ a.jsx($t, { width: "100%", height: nt, children: /* @__PURE__ */ a.jsxs(_e, { children: [
+    /* @__PURE__ */ a.jsx(W, { tooltipKey: o }),
+    /* @__PURE__ */ a.jsx(J, {}),
+    /* @__PURE__ */ a.jsx(
+      ue,
       {
         data: e,
         dataKey: r[0],
         nameKey: s,
-        label: l,
+        label: i,
         outerRadius: 120,
-        children: e.map((i, n) => /* @__PURE__ */ o.jsx(
-          ue,
+        children: e.map((c, n) => /* @__PURE__ */ a.jsx(
+          he,
           {
             fill: R[n % R.length]
           },
@@ -1923,21 +1921,21 @@ const Ds = (t) => {
       }
     )
   ] }) });
-}, nt = 400, be = 56, Is = 28, Ls = 100, Ks = 8, Bs = /* @__PURE__ */ new Set([
+}, nt = 400, je = 56, Is = 28, Ks = 100, Bs = 8, Ms = /* @__PURE__ */ new Set([
   "bar",
   "line",
   "area",
   "mixBar",
   "composed"
-]), Ms = {
-  area: ps,
-  bar: bs,
+]), Gs = {
+  area: bs,
+  bar: js,
   composed: Ns,
-  donut: ks,
-  horizontalBar: Os,
-  line: $s,
-  mixBar: Ds,
-  pie: qs
+  donut: Ss,
+  horizontalBar: $s,
+  line: Ds,
+  mixBar: qs,
+  pie: Ls
 }, R = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
@@ -1956,7 +1954,7 @@ const Ds = (t) => {
   "var(--color-primitive-palette-15-50)",
   "var(--color-primitive-palette-16-50)",
   "var(--color-primitive-palette-17-50)"
-], A = {
+], T = {
   fontFamily: "Roboto, sans-serif",
   fontSize: 12,
   labelColor: "var(--color-neutral-90)",
@@ -1964,335 +1962,416 @@ const Ds = (t) => {
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, Hs = "_chartScrollViewport_sm5hx_1", Gs = "_chartScrollViewport_track_sm5hx_29", Ft = {
+}, Hs = "_chartScrollViewport_sm5hx_1", Vs = "_chartScrollViewport_track_sm5hx_29", Pt = {
   chartScrollViewport: Hs,
-  chartScrollViewport_track: Gs
-}, Us = "Scrollable chart area", Vs = ({
+  chartScrollViewport_track: Vs
+}, Us = "Scrollable chart area", zs = ({
   dataLength: t,
   minCategoryWidth: e,
   children: s
 }) => {
-  const r = ut(null), [c, l] = $(0), i = e ?? be;
+  const r = ut(null), [o, i] = q(0), c = e ?? je;
   U(() => {
-    const _ = r.current;
-    if (!_)
+    const d = r.current;
+    if (!d)
       return;
     const u = () => {
-      l(_.clientWidth);
+      i(d.clientWidth);
     };
     u();
     const h = new ResizeObserver(u);
-    return h.observe(_), () => h.disconnect();
+    return h.observe(d), () => h.disconnect();
   }, []);
-  const n = Ss(
-    c,
+  const n = Ts(
+    o,
     t,
-    i
-  ), d = c > 0 && n > c, a = L(
-    (_) => {
+    c
+  ), _ = o > 0 && n > o, l = L(
+    (d) => {
       const u = r.current;
       if (u)
-        switch (_.key) {
+        switch (d.key) {
           case "ArrowLeft":
-            u.scrollLeft -= i, _.preventDefault();
+            u.scrollLeft -= c, d.preventDefault();
             break;
           case "ArrowRight":
-            u.scrollLeft += i, _.preventDefault();
+            u.scrollLeft += c, d.preventDefault();
             break;
           case "Home":
-            u.scrollLeft = 0, _.preventDefault();
+            u.scrollLeft = 0, d.preventDefault();
             break;
           case "End":
-            u.scrollLeft = u.scrollWidth - u.clientWidth, _.preventDefault();
+            u.scrollLeft = u.scrollWidth - u.clientWidth, d.preventDefault();
             break;
         }
     },
-    [i]
+    [c]
   );
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ a.jsx(
     "div",
     {
       ref: r,
-      className: Ft.chartScrollViewport,
-      role: d ? "region" : void 0,
-      tabIndex: d ? 0 : void 0,
-      "aria-label": d ? Us : void 0,
-      onKeyDown: d ? a : void 0,
-      children: /* @__PURE__ */ o.jsx(
+      className: Pt.chartScrollViewport,
+      role: _ ? "region" : void 0,
+      tabIndex: _ ? 0 : void 0,
+      "aria-label": _ ? Us : void 0,
+      onKeyDown: _ ? l : void 0,
+      children: /* @__PURE__ */ a.jsx(
         "div",
         {
-          className: Ft.chartScrollViewport_track,
+          className: Pt.chartScrollViewport_track,
           style: { width: n, height: nt },
-          children: c > 0 ? s(n) : null
+          children: o > 0 ? s(n) : null
         }
       )
     }
   );
-}, 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;
+}, Xs = (t) => {
+  const { component: e, userFlow: s, hash: r, responseKey: o, dataSource: i, ...c } = t, n = Gs[c.type], { fetchDataSource: _ } = H(), [l, d] = q(!1), [u, h] = q([]), f = async () => {
+    var p, x;
     try {
-      _(!0);
-      const { jsonPathData: m, mapperData: p } = l, C = Lt(
-        l,
+      d(!0);
+      const { jsonPathData: m, mapperData: g } = i, C = Kt(
+        i,
         1
-      ), j = await d(
+      ), j = await _(
         C,
         s,
         !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);
+      ), w = m ? (p = pe(j == null ? void 0 : j.data, m, g)) == null ? void 0 : p.items : (x = j == null ? void 0 : j.data) == null ? void 0 : x.data;
+      h(w), d(!1);
     } catch (m) {
-      alert(JSON.stringify(m)), _(!1);
+      alert(JSON.stringify(m)), d(!1);
     }
   };
   if (U(() => {
-    n && (l ? f() : h(i.data));
+    n && (i ? f() : h(c.data));
   }, []), !n)
-    return /* @__PURE__ */ o.jsx("div", { children: "Not supported chart type" });
-  const x = {
-    ...i,
+    return /* @__PURE__ */ a.jsx("div", { children: "Not supported chart type" });
+  const y = {
+    ...c,
     data: u
   };
-  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,
+  return l ? /* @__PURE__ */ a.jsx(oe, { height: 400 }) : u.length === 0 ? /* @__PURE__ */ a.jsx(mt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Ms.has(c.type) ? /* @__PURE__ */ a.jsx(
+    zs,
     {
       dataLength: u.length,
-      minCategoryWidth: i.minCategoryWidth,
-      children: (g) => /* @__PURE__ */ o.jsx(n, { ...x, width: g })
+      minCategoryWidth: c.minCategoryWidth,
+      children: (p) => /* @__PURE__ */ a.jsx(n, { ...y, width: p })
     }
-  ) : /* @__PURE__ */ o.jsx(n, { ...x });
-}, Xs = (t) => {
+  ) : /* @__PURE__ */ a.jsx(n, { ...y });
+}, Js = (t) => {
   const {
     userFlow: e,
     pageId: s,
     responseKey: r,
-    actionType: c,
-    label: l,
-    value: i,
+    actionType: o,
+    label: i,
+    value: c,
     required: n,
-    dependencies: d,
-    ...a
-  } = t, _ = {
-    ...a
-  }, { getNextUI: u } = G(), [h, f] = $(i || !1), { disabled: x } = M(
+    dependencies: _,
+    ...l
+  } = t, d = {
+    ...l
+  }, { getNextUI: u } = H(), [h, f] = q(c || !1), { disabled: y } = B(
     e,
-    d
-  ), b = O(() => n && l ? `${l} *` : l ?? "", [l, n]), g = L(async () => {
+    _
+  ), b = D(() => n && i ? `${i} *` : i ?? "", [i, n]), p = L(async () => {
     var m;
     try {
-      const p = !h;
-      f(p);
+      const g = !h;
+      f(g);
       const C = {
         ...(m = v.getState()[e]) == null ? void 0 : m.entries,
-        [r]: p
+        [r]: g
       };
-      switch (I(e, C), c) {
+      switch (I(e, C), o) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-          const N = await u(
+          const w = await u(
             e,
             s,
             C,
             r,
-            c === "GO_TO_NEXT_UI"
+            o === "GO_TO_NEXT_UI"
           );
-          N != null && N.data && K(e, N == null ? void 0 : N.data);
+          w != null && w.data && K(e, w == null ? void 0 : w.data);
           break;
         }
         default:
           break;
       }
-    } catch (p) {
-      console.error("Error in checkbox action:", p), alert(JSON.stringify(p));
+    } catch (g) {
+      console.error("Error in checkbox action:", g), alert(JSON.stringify(g));
     }
-  }, [e, s, r, c, h]), y = (_ == null ? void 0 : _.disabled) ?? x;
-  return /* @__PURE__ */ o.jsx(
-    Ke,
+  }, [e, s, r, o, h]), x = (d == null ? void 0 : d.disabled) ?? y;
+  return /* @__PURE__ */ a.jsx(
+    Me,
     {
-      ..._,
+      ...d,
       labelRight: b,
       checked: h,
-      disabled: y,
+      disabled: x,
       onChange: () => {
-        !y && g();
+        !x && p();
       }
     }
   );
-}, 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) => {
+}, Ws = "_codeEditor_1wi2p_1", Ys = "_codeEditor_label_1wi2p_4", Qs = "_codeEditor_wrapper_1wi2p_13", Zs = "_input_1wi2p_17", Fs = "_preview_1wi2p_18", Ps = "_preview_inner_1wi2p_33", tt = {
+  codeEditor: Ws,
+  codeEditor_label: Ys,
+  codeEditor_wrapper: Qs,
+  input: Zs,
+  preview: Fs,
+  preview_inner: Ps
+}, tr = (t) => {
   const {
     userFlow: e,
     responseKey: s,
     label: r,
-    language: c,
-    placeholder: l,
-    value: i,
+    language: o,
+    placeholder: i,
+    value: c,
     required: n,
-    dependencies: d,
-    disabled: a,
-    showPreview: _,
+    dependencies: _,
+    disabled: l,
+    showPreview: d,
     height: u = "400px"
-  } = t, [h, f] = $(i ?? ""), x = ht.useThemeStore((C) => C.theme.mode), { disabled: b } = M(
+  } = t, [h, f] = q(c ?? ""), y = ht.useThemeStore((C) => C.theme.mode), { disabled: b } = B(
     e,
-    d
-  ), g = a ?? b, y = {
+    _
+  ), p = l ?? b, x = {
     json: Ht(),
-    markdown: fn(),
+    markdown: xn(),
     sql: yn(),
-    yaml: xn()
-  }, m = O(() => n && r ? `${r} *` : r ?? "", [r, n]), p = (C) => {
+    yaml: mn()
+  }, m = D(() => n && r ? `${r} *` : r ?? "", [r, n]), g = (C) => {
     f(C);
     const j = {
       [s]: C
     };
     I(e, j);
   };
-  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(
-        hn,
+  return /* @__PURE__ */ a.jsxs("div", { className: tt.codeEditor, children: [
+    m && m !== "" && /* @__PURE__ */ a.jsx("label", { className: tt.codeEditor_label, children: m }),
+    /* @__PURE__ */ a.jsxs("div", { className: tt.codeEditor_wrapper, children: [
+      /* @__PURE__ */ a.jsx(
+        fn,
         {
           className: tt.input,
           value: h,
           height: u,
-          placeholder: l,
-          extensions: [y[c] ?? Ht()],
-          onChange: (C) => p(C),
-          theme: x,
-          editable: !g
+          placeholder: i,
+          extensions: [x[o] ?? Ht()],
+          onChange: (C) => g(C),
+          theme: y,
+          editable: !p
         }
       ),
-      c === "markdown" && _ && /* @__PURE__ */ o.jsx("div", { className: tt.preview, style: { height: u }, children: /* @__PURE__ */ o.jsx(ce, { className: tt.preview_inner, children: h }) })
+      o === "markdown" && d && /* @__PURE__ */ a.jsx("div", { className: tt.preview, style: { height: u }, children: /* @__PURE__ */ a.jsx(ce, { className: tt.preview_inner, children: h }) })
     ] })
   ] });
-}, tr = "_slotStack_6n2wy_5", Pt = {
-  slotStack: tr
-}, er = (t) => {
-  const {
-    userFlow: e,
-    pageId: s,
-    component: r,
-    hash: c,
-    responseKey: l,
-    content: i,
-    topContent: n,
-    icon: d,
-    headerStatusColor: a,
-    ..._
-  } = t, u = a ? `palette_${a}_50` : void 0, h = E(
+}, er = "_slotStack_6n2wy_5", nr = {
+  slotStack: er
+};
+var sr = { NODE_ENV: "production" };
+const rr = /* @__PURE__ */ new Set([
+  "accordion",
+  "button",
+  "cardAccordion",
+  "checkbox",
+  "dropdownButton",
+  "link",
+  "menu",
+  "radioGroup",
+  "roundButton",
+  "select",
+  "stepper",
+  "switch",
+  "table",
+  "tabs",
+  "textField",
+  "textarea"
+]), Ot = (t, e) => {
+  if (t != null && t.length)
+    return /* @__PURE__ */ a.jsx("div", { className: nr.slotStack, children: t.map((s, r) => {
+      var o;
+      return /* @__PURE__ */ a.jsx(A, { children: s }, ((o = e == null ? void 0 : e[r]) == null ? void 0 : o.hash) ?? r);
+    }) });
+}, ar = ({
+  userFlow: t,
+  pageId: e,
+  component: s,
+  hash: r,
+  responseKey: o,
+  content: i,
+  topContent: c,
+  icon: n,
+  headerStatusColor: _,
+  ...l
+}) => {
+  const d = _ ? `palette_${_}_50` : void 0, u = E(
+    t,
     e,
-    s,
-    i && i.length > 0 ? i : null
-  ), f = E(
+    i != null && i.length ? i : null
+  ), h = E(
+    t,
     e,
-    s,
-    n && n.length > 0 ? n : null
-  ), 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(
-    Be,
+    c != null && c.length ? c : null
+  );
+  return /* @__PURE__ */ a.jsx(
+    ie,
     {
-      ..._,
-      icon: d,
-      headerStatusColor: u,
-      topContent: b,
-      children: x
+      ...l,
+      icon: n,
+      headerStatusColor: d,
+      topContent: Ot(h, c),
+      children: Ot(u, i)
     }
   );
-}, 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 = ({
+}, or = ({
+  userFlow: t,
+  pageId: e,
+  responseKey: s,
+  actionType: r,
+  dataSource: o,
+  redirectUrl: i,
+  dependencies: c,
+  content: n,
+  icon: _,
+  ariaLabel: l,
+  description: d,
+  descriptionBottom: u,
+  disabled: h,
+  status: f,
+  headerStyle: y,
+  showBorder: b,
+  borderColor: p,
+  title: x,
+  descriptionTop: m,
+  pillLabel: g
+}) => {
+  const C = E(
+    t,
+    e,
+    n != null && n.length ? n : null
+  ), j = xt(t, e), { disabled: w } = B(
+    t,
+    c
+  ), N = r ? () => void j({
+    responseKey: s,
+    actionType: r,
+    dataSource: o,
+    redirectUrl: i,
+    dependencies: c
+  }) : void 0, k = h ?? w;
+  N && (n != null && n.some(($) => rr.has($.component))) && sr.NODE_ENV;
+  const O = N ? { onClick: N, disabled: k } : {};
+  return /* @__PURE__ */ a.jsx(
+    ie,
+    {
+      version: "v2",
+      status: f,
+      headerStyle: y,
+      showBorder: b,
+      borderColor: p,
+      title: x,
+      ariaLabel: l,
+      descriptionTop: m,
+      descriptionBottom: u ?? d,
+      pillLabel: g,
+      icon: _,
+      ...O,
+      children: Ot(C, n)
+    }
+  );
+}, cr = (t) => t.version === "v2" ? /* @__PURE__ */ a.jsx(or, { ...t }) : /* @__PURE__ */ a.jsx(ar, { ...t }), ir = "_dividerNotFront_tze3j_1", lr = {
+  dividerNotFront: ir
+}, dr = (t) => /* @__PURE__ */ a.jsx(Ge, { ...t, className: lr.dividerNotFront }), _r = "_drawer_13pxo_1", ur = "_drawerBody_13pxo_5", hr = "_drawerFooter_13pxo_11", kt = {
+  drawer: _r,
+  drawerBody: ur,
+  drawerFooter: hr
+}, fr = ({
   userFlow: t,
   pageId: e,
   responseKey: s,
   header: r,
-  body: c,
-  footer: l,
-  ...i
+  body: o,
+  footer: i,
+  ...c
 }) => {
-  const n = v((g) => {
-    var y;
-    return (y = g[t]) == null ? void 0 : y.isDrawerOpen;
-  }), d = v((g) => {
-    var y;
-    return (y = g[t]) == null ? void 0 : y.isLoading;
-  }), a = n && !d, _ = {
-    ...i,
-    isOpen: a,
+  const n = v((p) => {
+    var x;
+    return (x = p[t]) == null ? void 0 : x.isDrawerOpen;
+  }), _ = v((p) => {
+    var x;
+    return (x = p[t]) == null ? void 0 : x.isLoading;
+  }), l = n && !_, d = {
+    ...c,
+    isOpen: l,
     children: null
   }, u = L(() => {
-    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(
+    Lt(t), _t(t, !1);
+  }, [t]), h = Array.isArray(r) ? E(t, e, r) : r ? /* @__PURE__ */ a.jsx(re, { type: "h2", children: r }) : void 0, f = E(t, e, o), y = i ? E(t, e, i) : void 0;
+  return /* @__PURE__ */ a.jsx(
     He,
     {
-      ..._,
+      ...d,
       className: kt.drawer,
-      isOpen: a,
+      isOpen: l,
       onClose: u,
       heightGap: 50,
-      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
+      title: h ? /* @__PURE__ */ a.jsx(a.Fragment, { children: Array.isArray(h) ? h.map((p, x) => /* @__PURE__ */ a.jsx(A, { children: p }, `drawer-header-${x}`)) : h }) : void 0,
+      children: /* @__PURE__ */ a.jsx("section", { className: kt.drawerBody, children: f.map((p, x) => /* @__PURE__ */ a.jsx(A, { children: p }, `drawer-body-${x}`)) }),
+      footer: y ? /* @__PURE__ */ a.jsx("div", { className: kt.drawerFooter, children: y.map((p, x) => /* @__PURE__ */ a.jsx(A, { children: p }, `drawer-footer-${x}`)) }) : void 0
     }
   );
-}, lr = (t) => {
+}, xr = (t) => {
   const {
     userFlow: e,
     pageId: s,
     component: r,
-    hash: c,
-    responseKey: l,
-    content: i,
+    hash: o,
+    responseKey: i,
+    content: c,
     items: n,
-    disabled: d,
-    variant: a,
-    leftIcon: _,
+    disabled: _,
+    variant: l,
+    leftIcon: d,
     rightIcon: u
-  } = t, h = pt(e, s), f = O(
-    () => n.map((x) => ({
-      label: x.content ?? x.label ?? "",
+  } = t, h = xt(e, s), f = D(
+    () => n.map((y) => ({
+      label: y.content ?? y.label ?? "",
       onClick: () => {
         h({
-          responseKey: x.responseKey,
-          actionType: x.actionType,
-          dataSource: x.dataSource,
-          redirectUrl: x.redirectUrl,
-          dependencies: x.dependencies
+          responseKey: y.responseKey,
+          actionType: y.actionType,
+          dataSource: y.dataSource,
+          redirectUrl: y.redirectUrl,
+          dependencies: y.dependencies
         });
       }
     })),
     [n, h]
   );
-  return /* @__PURE__ */ o.jsx(
-    Ge,
+  return /* @__PURE__ */ a.jsx(
+    Ve,
     {
-      disabled: d,
-      variant: a,
+      disabled: _,
+      variant: l,
       items: f,
-      children: /* @__PURE__ */ o.jsxs(k, { children: [
-        _ ? /* @__PURE__ */ o.jsx(
-          Gt,
+      children: /* @__PURE__ */ a.jsxs(A, { children: [
+        d ? /* @__PURE__ */ a.jsx(
+          Vt,
           {
-            name: _,
+            name: d,
             size: "md",
             style: { marginRight: 8, verticalAlign: "middle" }
           }
         ) : null,
-        i,
-        u ? /* @__PURE__ */ o.jsx(
-          Gt,
+        c,
+        u ? /* @__PURE__ */ a.jsx(
+          Vt,
           {
             name: u,
             size: "md",
@@ -2302,172 +2381,172 @@ const Ds = (t) => {
       ] })
     }
   );
-}, 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) => {
+}, yr = "_header_g1eri_1", mr = "_header_content_g1eri_5", te = {
+  header: yr,
+  header_content: mr
+}, gr = ({ components: t = [] }) => /* @__PURE__ */ a.jsx("section", { className: et(te.header, "avocado-dark-theme"), children: /* @__PURE__ */ a.jsx("div", { className: te.header_content, children: t.map((e, s) => /* @__PURE__ */ a.jsx(A, { children: e }, s)) }) }), pr = (t) => {
   const {
     userFlow: e,
     pageId: s,
     responseKey: r,
-    actionType: c,
-    content: l,
-    redirectUrl: i,
+    actionType: o,
+    content: i,
+    redirectUrl: c,
     target: n,
-    dependencies: d,
-    component: a,
-    hash: _,
+    dependencies: _,
+    component: l,
+    hash: d,
     ...u
-  } = t, { getNextUI: h } = G(), { disabled: f } = M(
+  } = t, { getNextUI: h } = H(), { disabled: f } = B(
     e,
-    d
-  ), x = c && u ? (() => {
-    const { href: y, target: m, download: p, ...C } = u;
+    _
+  ), y = o && u ? (() => {
+    const { href: x, target: m, download: g, ...C } = u;
     return C;
   })() : u, b = L(async () => {
-    var y;
-    if (c)
+    var x;
+    if (o)
       try {
         const m = {
-          ...(y = v.getState()[e]) == null ? void 0 : y.entries,
+          ...(x = v.getState()[e]) == null ? void 0 : x.entries,
           [r]: { status: 200 }
         };
-        switch (I(e, m), c) {
+        switch (I(e, m), o) {
           case "GO_TO_NEXT_UI": {
-            const p = await h(
+            const g = await h(
               e,
               s,
               m,
               r
             );
-            p != null && p.data && K(e, p == null ? void 0 : p.data);
+            g != null && g.data && K(e, g == null ? void 0 : g.data);
             break;
           }
           case "REDIRECT":
-            if (!i) {
+            if (!c) {
               console.warn("Missing redirectUrl for REDIRECT actionType");
               break;
             }
-            n === "_blank" ? window.open(i, "_blank", "noopener,noreferrer") : window.location.assign(i);
+            n === "_blank" ? window.open(c, "_blank", "noopener,noreferrer") : window.location.assign(c);
             break;
           default:
-            console.warn(`Unhandled actionType for link: ${c}`);
+            console.warn(`Unhandled actionType for link: ${o}`);
             break;
         }
       } catch (m) {
         alert(JSON.stringify(m));
       }
-  }, [c, h, s, i, r, n, e]), g = x.disabled ?? f;
-  return /* @__PURE__ */ o.jsx(
+  }, [o, h, s, c, r, n, e]), p = y.disabled ?? f;
+  return /* @__PURE__ */ a.jsx(
     Ue,
     {
-      ...x,
-      disabled: g,
-      onClick: c ? b : void 0,
-      children: l
+      ...y,
+      disabled: p,
+      onClick: o ? b : void 0,
+      children: i
     }
   );
-}, fr = (t) => {
+}, br = (t) => {
   const {
     userFlow: e,
     pageId: s,
     component: r,
-    hash: c,
-    responseKey: l,
-    items: i,
+    hash: o,
+    responseKey: i,
+    items: c,
     closeOnClick: n,
-    disabled: d,
-    listOrigin: a,
-    size: _,
+    disabled: _,
+    listOrigin: l,
+    size: d,
     variant: u
-  } = t, h = pt(e, s), f = O(
-    () => i.map((x) => ({
-      icon: x.leftIcon,
-      label: x.content ?? x.label ?? "",
+  } = t, h = xt(e, s), f = D(
+    () => c.map((y) => ({
+      icon: y.leftIcon,
+      label: y.content ?? y.label ?? "",
       onClick: (b) => {
-        var g;
-        (g = b == null ? void 0 : b.preventDefault) == null || g.call(b), h({
-          responseKey: x.responseKey,
-          actionType: x.actionType,
-          dataSource: x.dataSource,
-          redirectUrl: x.redirectUrl,
-          dependencies: x.dependencies
+        var p;
+        (p = b == null ? void 0 : b.preventDefault) == null || p.call(b), h({
+          responseKey: y.responseKey,
+          actionType: y.actionType,
+          dataSource: y.dataSource,
+          redirectUrl: y.redirectUrl,
+          dependencies: y.dependencies
         });
       }
     })),
-    [i, h]
+    [c, h]
   );
-  return /* @__PURE__ */ o.jsx(
-    Ve,
+  return /* @__PURE__ */ a.jsx(
+    ze,
     {
       items: f,
       closeOnClick: n,
-      disabled: d,
-      listOrigin: a,
-      size: _,
+      disabled: _,
+      listOrigin: l,
+      size: d,
       variant: u
     }
   );
-}, yr = "_modalContent_p06ci_1", xr = {
-  modalContent: yr
-}, mr = ({
+}, jr = "_modalContent_p06ci_1", Cr = {
+  modalContent: jr
+}, wr = ({
   userFlow: t,
   pageId: e,
   responseKey: s,
   header: r,
-  body: c,
-  footer: l,
-  headerStatusColor: i,
+  body: o,
+  footer: i,
+  headerStatusColor: c,
   ...n
 }) => {
-  const d = v((y) => {
+  const _ = v((x) => {
     var m;
-    return (m = y[t]) == null ? void 0 : m.isModalOpen;
-  }), a = v((y) => {
+    return (m = x[t]) == null ? void 0 : m.isModalOpen;
+  }), l = v((x) => {
     var m;
-    return (m = y[t]) == null ? void 0 : m.isLoading;
-  }), _ = d && !a, u = {
+    return (m = x[t]) == null ? void 0 : m.isLoading;
+  }), d = _ && !l, u = {
     ...n
-  }, h = (u == null ? void 0 : u.headerStatusColor) ?? i, f = 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(
-    ze,
+  }, h = (u == null ? void 0 : u.headerStatusColor) ?? c, f = L(() => {
+    Lt(t), It(t, !1);
+  }, [t, s]), y = Array.isArray(r) ? E(t, e, r) : r, b = E(t, e, o), p = E(t, e, i);
+  return /* @__PURE__ */ a.jsx(
+    Xe,
     {
       ...u,
       headerStatusColor: h,
-      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: _,
+      header: typeof y == "string" ? y : /* @__PURE__ */ a.jsx(a.Fragment, { children: y.map((x, m) => /* @__PURE__ */ a.jsx(A, { children: x }, `modal-header-${m}`)) }),
+      children: /* @__PURE__ */ a.jsx("section", { className: Cr.modalContent, children: b.map((x, m) => /* @__PURE__ */ a.jsx(A, { children: x }, `modal-body-${m}`)) }),
+      actions: /* @__PURE__ */ a.jsx(a.Fragment, { children: p.map((x, m) => /* @__PURE__ */ a.jsx(A, { children: x }, `modal-footer-${m}`)) }),
+      open: d,
       onClose: f
     }
   );
-}, gr = ({ userFlow: t, pageId: e }) => {
-  var l, i;
-  const s = bn(t);
+}, Nr = ({ userFlow: t, pageId: e }) => {
+  var i, c;
+  const s = jn(t);
   if (!s)
     return null;
   const r = [
     ...(s == null ? void 0 : s.components) || [],
-    ...((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(
+    ...((i = s == null ? void 0 : s.header) == null ? void 0 : i.components) || [],
+    ...((c = s == null ? void 0 : s.body) == null ? void 0 : c.components) || []
+  ], o = 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(k, { children: n }, a);
+  return /* @__PURE__ */ a.jsx(a.Fragment, { children: o == null ? void 0 : o.map((n, _) => {
+    const l = `overlay-${_}-${s == null ? void 0 : s.hash}`;
+    return /* @__PURE__ */ a.jsx(A, { children: n }, l);
   }) });
-}, pr = [
+}, vr = [
   "success",
   "warning",
   "error",
   "info",
   "neutral"
-], je = {
+], Ce = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -2493,65 +2572,65 @@ const Ds = (t) => {
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, 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) => ({
+}, Er = (t) => typeof t == "string" && vr.includes(t), kr = (t) => t != null && t.length ? t.length === 2 && Er(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 = {
+})) : [], Sr = (t) => {
+  const { content: e, variant: s = "neutral", ...r } = t, o = Ce[s], i = {
     ...r,
     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
+    color: (r == null ? void 0 : r.color) ?? o.color,
+    textColor: (r == null ? void 0 : r.textColor) ?? o.textColor,
+    iconColor: (r == null ? void 0 : r.iconColor) ?? o.iconColor
   };
-  return /* @__PURE__ */ o.jsx(St, { ...l });
-}, Nr = (t) => {
+  return /* @__PURE__ */ a.jsx(St, { ...i });
+}, Tr = (t) => {
   const { content: e } = t;
-  return /* @__PURE__ */ o.jsx(ce, { children: e });
-}, wr = (t) => {
+  return /* @__PURE__ */ a.jsx(ce, { children: e });
+}, Ar = (t) => {
   const {
     userFlow: e,
     pageId: s,
     responseKey: r,
-    actionType: c,
-    dataSource: l,
-    dependencies: i,
+    actionType: o,
+    dataSource: i,
+    dependencies: c,
     onClick: n,
-    ...d
-  } = t, a = pt(e, s), { disabled: _ } = M(
+    ..._
+  } = t, l = xt(e, s), { disabled: d } = B(
     e,
-    i
+    c
   ), u = {
-    ...d
-  }, h = (u == null ? void 0 : u.disabled) ?? _, [f, x] = $(!1), b = ut(!1), g = L(async () => {
+    ..._
+  }, h = (u == null ? void 0 : u.disabled) ?? d, [f, y] = q(!1), b = ut(!1), p = L(async () => {
     if (b.current)
       return;
-    const y = c === "FETCH_DATA_SOURCE";
-    y && (b.current = !0, x(!0));
+    const x = o === "FETCH_DATA_SOURCE";
+    x && (b.current = !0, y(!0));
     try {
-      await a({
+      await l({
         responseKey: r,
-        actionType: c,
-        dataSource: l,
-        dependencies: i
+        actionType: o,
+        dataSource: i,
+        dependencies: c
       });
     } catch (m) {
       console.error("[RoundButtonNotFront] Action failed:", m);
     } finally {
-      y && (b.current = !1, x(!1));
+      x && (b.current = !1, y(!1));
     }
-  }, [c, l, i, r, a]);
-  return /* @__PURE__ */ o.jsx(
-    Xe,
+  }, [o, i, c, r, l]);
+  return /* @__PURE__ */ a.jsx(
+    Je,
     {
       ...u,
       loading: u.loading || f,
       disabled: h,
-      onClick: () => !h && !f && (n ?? g)()
+      onClick: () => !h && !f && (n ?? p)()
     }
   );
-}, vr = "_row_1bqj4_1", Er = "_row_column_1bqj4_65", z = {
-  row: vr,
+}, Or = "_row_1bqj4_1", $r = "_row_column_1bqj4_65", z = {
+  row: Or,
   "row__gap-none": "_row__gap-none_1bqj4_5",
   "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
   "row__gap-xs": "_row__gap-xs_1bqj4_11",
@@ -2572,7 +2651,7 @@ const Ds = (t) => {
   "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: Er,
+  row_column: $r,
   "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",
@@ -2593,27 +2672,27 @@ const Ds = (t) => {
   "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"
-}, kr = (t) => {
+}, Dr = (t) => {
   const {
     userFlow: e,
     pageId: s,
     columnWidth: r,
-    columns: c,
-    gap: l = "md",
-    justifyContent: i = "start",
+    columns: o,
+    gap: i = "md",
+    justifyContent: c = "start",
     alignItems: n = "stretch"
-  } = t, d = Array.isArray(c) ? c.map((a, _) => {
-    const u = `col_${_}`, h = `col_${_}`;
-    if (Array.isArray(a))
+  } = t, _ = Array.isArray(o) ? o.map((l, d) => {
+    const u = `col_${d}`, h = `col_${d}`;
+    if (Array.isArray(l))
       return {
         gap: "md",
         justifyContent: "start",
         alignItems: "start",
-        items: a,
+        items: l,
         hash: u,
         responseKey: h
       };
-    const f = a;
+    const f = l;
     return {
       gap: (f == null ? void 0 : f.gap) ?? "md",
       justifyContent: (f == null ? void 0 : f.justifyContent) ?? "start",
@@ -2623,57 +2702,57 @@ const Ds = (t) => {
       responseKey: (f == null ? void 0 : f.responseKey) ?? h
     };
   }) : [];
-  return d.length === 0 ? null : /* @__PURE__ */ o.jsx(
+  return _.length === 0 ? null : /* @__PURE__ */ a.jsx(
     "div",
     {
       className: et(
         z.row,
-        z[`row__gap-${l}`],
-        z[`row__justify-${i}`],
+        z[`row__gap-${i}`],
+        z[`row__justify-${c}`],
         z[`row__align-${n}`]
       ),
-      children: d == null ? void 0 : d.map((a, _) => {
-        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(
+      children: _ == null ? void 0 : _.map((l, d) => {
+        const u = (r == null ? void 0 : r[d]) || `${100 / _.length}%`, h = E(e, s, l.items);
+        return !h || h.length === 0 ? null : /* @__PURE__ */ a.jsx(
           "div",
           {
             className: et(
               z.row_column,
-              z[`row_column__gap-${a.gap}`],
-              z[`row_column__justify-${a.justifyContent}`],
-              z[`row_column__align-${a.alignItems}`]
+              z[`row_column__gap-${l.gap}`],
+              z[`row_column__justify-${l.justifyContent}`],
+              z[`row_column__align-${l.alignItems}`]
             ),
             style: { width: u },
             children: h
           },
-          a.hash || _
+          l.hash || d
         );
       })
     }
   );
 };
-function Ce({
+function we({
   userFlow: t,
   pageId: e,
   responseKey: s,
   actionType: r,
-  getNextUI: c,
-  isMulti: l = !1,
-  debounceMs: i
+  getNextUI: o,
+  isMulti: i = !1,
+  debounceMs: c
 }) {
   const n = ut(null);
   U(() => () => {
     n.current !== null && (clearTimeout(n.current), n.current = null);
   }, []);
-  const d = L(
-    async (_) => {
+  const _ = L(
+    async (d) => {
       var f;
       const u = {
         ...(f = v.getState()[t]) == null ? void 0 : f.entries
       };
-      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"))
+      if (d ? (u[s] = d, I(t, u)) : (delete u[s], Cn(t, s)), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
-          const b = await c(
+          const b = await o(
             t,
             e,
             u,
@@ -2681,317 +2760,317 @@ function Ce({
             r === "GO_TO_NEXT_UI"
           );
           b != null && b.data && K(t, b.data);
-        } catch (x) {
-          console.error("[useSelectChange] Failed to fetch next UI", x);
+        } catch (y) {
+          console.error("[useSelectChange] Failed to fetch next UI", y);
         }
     },
-    [t, e, s, r, c]
+    [t, e, s, r, o]
   );
   return L(
-    (_) => {
-      if (!l) {
-        d(_);
+    (d) => {
+      if (!i) {
+        _(d);
         return;
       }
-      if (i == null) {
-        d(_);
+      if (c == null) {
+        _(d);
         return;
       }
       n.current !== null && (clearTimeout(n.current), n.current = null), n.current = setTimeout(() => {
-        d(_), n.current = null;
-      }, i);
+        _(d), n.current = null;
+      }, c);
     },
-    [l, i, d]
+    [i, c, _]
   );
 }
-const Sr = /\{([^}]+)\}/g, Tr = (t, e) => {
+const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
   var s;
-  return e.includes("{") ? e.replace(Sr, (r, c) => {
-    var i;
-    const l = (i = B.query(t, c.trim())) == null ? void 0 : i[0];
-    return l != null ? String(l) : "";
-  }) : (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 = Tr(l, s), n = r ? (d = B.query(l, r)) == null ? void 0 : d[0] : l;
-    return { label: i, value: n };
+  return e.includes("{") ? e.replace(Rr, (r, o) => {
+    var c;
+    const i = (c = M.query(t, o.trim())) == null ? void 0 : c[0];
+    return i != null ? String(i) : "";
+  }) : (s = M.query(t, e)) == null ? void 0 : s[0];
+}, Lr = (t, e, s, r) => {
+  const o = M.query(t, e);
+  return (o == null ? void 0 : o.map((i) => {
+    var _;
+    const c = qr(i, s), n = r ? (_ = M.query(i, r)) == null ? void 0 : _[0] : i;
+    return { label: c, value: n };
   })) ?? [];
-}, Or = (t, e, s, r = 10) => {
-  var n, d;
-  let c, l;
+}, Ir = (t, e, s, r = 10) => {
+  var n, _;
+  let o, i;
   if (s) {
-    const a = B.value(t, s.size ?? "$.meta.size") ?? r, _ = B.value(t, s.total ?? "$.meta.total") ?? 0;
-    c = a, l = _;
+    const l = M.value(t, s.size ?? "$.meta.size") ?? r, d = M.value(t, s.total ?? "$.meta.total") ?? 0;
+    o = l, i = d;
   } else {
-    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 l = t == null ? void 0 : t.meta;
+    o = (l == null ? void 0 : l.size) ?? ((n = l == null ? void 0 : l.page) == null ? void 0 : n.size) ?? r, i = (l == null ? void 0 : l.total) ?? ((_ = l == null ? void 0 : l.page) == null ? void 0 : _.total) ?? 0;
   }
-  const i = l > 0 ? Math.ceil(l / c) > e : !1;
+  const c = i > 0 ? Math.ceil(i / o) > e : !1;
   return {
-    pageSize: c,
-    total: l,
-    hasMore: i
+    pageSize: o,
+    total: i,
+    hasMore: c
   };
-}, $r = "_selectNotFront_ch3v5_1", Ne = {
-  selectNotFront: $r
-}, Rr = ({
+}, Kr = "_selectNotFront_ch3v5_1", Ne = {
+  selectNotFront: Kr
+}, Br = ({
   userFlow: t,
   pageId: e,
   responseKey: s,
   required: r,
-  dataSource: c,
-  actionType: l,
-  dependencies: i,
+  dataSource: o,
+  actionType: i,
+  dependencies: c,
   debounceMs: n,
-  ...d
+  ..._
 }) => {
-  const a = {
-    ...d
-  }, { getNextUI: _, fetchDataSource: u } = G(), [h, f] = $((a == null ? void 0 : a.value) ?? ""), { disabled: x } = M(
+  const l = {
+    ..._
+  }, { getNextUI: d, fetchDataSource: u } = H(), [h, f] = q((l == null ? void 0 : l.value) ?? ""), { disabled: y } = B(
     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], 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({
+    c
+  ), b = (l == null ? void 0 : l.disabled) ?? y, p = D(() => r && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, r]), x = D(() => {
+    const j = l != null && l.isMulti ? h : [h], w = {};
+    return Array.isArray(j) && j.forEach((N) => {
+      if (!N) return;
+      const k = JSON.stringify(N.value), O = JSON.stringify(N.label);
+      w[k] = N, O in w || (w[O] = N);
+    }), w;
+  }, [h]), m = we({
     userFlow: t,
     pageId: e,
     responseKey: s,
-    actionType: l,
-    getNextUI: _,
-    isMulti: a == null ? void 0 : a.isMulti,
+    actionType: i,
+    getNextUI: d,
+    isMulti: l == null ? void 0 : l.isMulti,
     debounceMs: n
-  }), p = (j) => {
+  }), g = (j) => {
     f(j), m(j);
-  }, C = async (j, N, { page: w }) => {
+  }, C = async (j, w, { page: N }) => {
     const {
-      jsonPathLabel: S,
-      jsonPathOptions: D,
-      jsonPathValue: q,
+      jsonPathLabel: k,
+      jsonPathOptions: O,
+      jsonPathValue: $,
       jsonPathPagination: Q
-    } = c, V = Lt(
-      c,
-      w,
+    } = o, V = Kt(
+      o,
+      N,
       j
-    ), T = await u(
+    ), S = await u(
       V,
       t,
       !1
-    ), H = T == null ? void 0 : T.data, ct = H ? Ar(
-      H,
-      D,
-      S,
-      q
-    ) : [], { hasMore: bt } = Or(
-      H,
-      w,
+    ), G = S == null ? void 0 : S.data, ct = G ? Lr(
+      G,
+      O,
+      k,
+      $
+    ) : [], { hasMore: bt } = Ir(
+      G,
+      N,
       Q
     );
     return {
       options: ct,
       hasMore: bt,
       additional: {
-        page: w + 1
+        page: N + 1
       }
     };
   };
-  return /* @__PURE__ */ o.jsx(
-    Je,
+  return /* @__PURE__ */ a.jsx(
+    We,
     {
-      ...a,
+      ...l,
       className: Ne.selectNotFront,
-      label: g,
+      label: p,
       value: h,
       disabled: b,
-      noOptionsMessage: () => /* @__PURE__ */ o.jsx(o.Fragment, { children: "Sin opciones" }),
-      onChange: (j) => !b && p(j),
+      noOptionsMessage: () => /* @__PURE__ */ a.jsx(a.Fragment, { children: "Sin opciones" }),
+      onChange: (j) => !b && g(j),
       loadOptions: C,
       additional: { page: 1 },
       isOptionDisabled: (j) => {
-        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]);
+        const w = JSON.stringify(j == null ? void 0 : j.value), N = JSON.stringify(j == null ? void 0 : j.label);
+        return !!(x != null && x[w]) || !!(x != null && x[N]);
       },
       debounceTimeout: 350
     }
   );
-}, Dr = ({
+}, Mr = ({
   userFlow: t,
   pageId: e,
   responseKey: s,
   dataSource: r,
-  required: c,
-  actionType: l,
-  dependencies: i,
+  required: o,
+  actionType: i,
+  dependencies: c,
   debounceMs: n,
-  ...d
+  ..._
 }) => {
-  const a = {
-    ...d
-  }, { getNextUI: _ } = G(), [u, h] = $(a.value || ""), { disabled: f } = M(
+  const l = {
+    ..._
+  }, { getNextUI: d } = H(), [u, h] = q(l.value || ""), { disabled: f } = B(
     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 = Ce({
+    c
+  ), y = (l == null ? void 0 : l.disabled) ?? f, b = D(() => o && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, o]), p = we({
     userFlow: t,
     pageId: e,
     responseKey: s,
-    actionType: l,
-    getNextUI: _,
-    isMulti: a == null ? void 0 : a.isMulti,
+    actionType: i,
+    getNextUI: d,
+    isMulti: l == null ? void 0 : l.isMulti,
     debounceMs: n
-  }), y = (m) => {
-    h(m), g(m);
+  }), x = (m) => {
+    h(m), p(m);
   };
-  return /* @__PURE__ */ o.jsx(
-    We,
+  return /* @__PURE__ */ a.jsx(
+    Ye,
     {
-      ...a,
+      ...l,
       className: Ne.selectNotFront,
       label: b,
       value: u,
-      disabled: x,
-      onChange: (m) => !x && y(m)
+      disabled: y,
+      onChange: (m) => !y && x(m)
     }
   );
-}, qr = (t) => {
+}, Gr = (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) => {
+  return e ? /* @__PURE__ */ a.jsx(Br, { ...t }) : /* @__PURE__ */ a.jsx(Mr, { ...t });
+}, Hr = "_spacing_19hqa_1", Vr = "_spacing__xxs_19hqa_1", Ur = "_spacing__xs_19hqa_4", zr = "_spacing__sm_19hqa_7", Xr = "_spacing__md_19hqa_10", Jr = "_spacing__lg_19hqa_13", Wr = "_spacing__xl_19hqa_16", Yr = "_spacing__xxl_19hqa_19", Qr = "_spacing__xxxl_19hqa_22", ee = {
+  spacing: Hr,
+  spacing__xxs: Vr,
+  spacing__xs: Ur,
+  spacing__sm: zr,
+  spacing__md: Xr,
+  spacing__lg: Jr,
+  spacing__xl: Wr,
+  spacing__xxl: Yr,
+  spacing__xxxl: Qr
+}, Zr = (t) => {
   const { size: e } = t, s = et(ee.spacing, ee[`spacing__${e}`]);
-  return /* @__PURE__ */ o.jsx("div", { className: s });
-}, Xr = (t) => {
+  return /* @__PURE__ */ a.jsx("div", { className: s });
+}, Fr = (t) => {
   const {
     userFlow: e,
     pageId: s,
     responseKey: r,
-    actionType: c,
-    label: l,
-    value: i,
+    actionType: o,
+    label: i,
+    value: c,
     required: n,
-    dependencies: d,
-    ...a
-  } = t, _ = {
-    ...a
-  }, { getNextUI: u } = G(), [h, f] = $(i || !1), { disabled: x } = M(
+    dependencies: _,
+    ...l
+  } = t, d = {
+    ...l
+  }, { getNextUI: u } = H(), [h, f] = q(c || !1), { disabled: y } = B(
     e,
-    d
-  ), b = (_ == null ? void 0 : _.disabled) ?? x, g = O(() => n && l ? `${l} *` : l ?? "", [l, n]), y = L(async () => {
+    _
+  ), b = (d == null ? void 0 : d.disabled) ?? y, p = D(() => n && i ? `${i} *` : i ?? "", [i, n]), x = L(async () => {
     var m;
     try {
-      const p = !h;
-      f(p);
+      const g = !h;
+      f(g);
       const C = {
         ...(m = v.getState()[e]) == null ? void 0 : m.entries,
-        [r]: p
+        [r]: g
       };
-      switch (I(e, C), c) {
+      switch (I(e, C), o) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-          const N = await u(
+          const w = await u(
             e,
             s,
             C,
             r,
-            c === "GO_TO_NEXT_UI"
+            o === "GO_TO_NEXT_UI"
           );
-          N != null && N.data && K(e, N == null ? void 0 : N.data);
+          w != null && w.data && K(e, w == null ? void 0 : w.data);
           break;
         }
         default:
           break;
       }
-    } catch (p) {
-      console.error("Error in switch action:", p), alert(JSON.stringify(p));
+    } catch (g) {
+      console.error("Error in switch action:", g), alert(JSON.stringify(g));
     }
-  }, [e, s, r, c, h]);
-  return /* @__PURE__ */ o.jsx(
-    Ye,
+  }, [e, s, r, o, h]);
+  return /* @__PURE__ */ a.jsx(
+    Qe,
     {
-      ..._,
-      label: g,
+      ...d,
+      label: p,
       checked: h,
       disabled: b,
-      onChange: () => !b && y()
+      onChange: () => !b && x()
     }
   );
-}, 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(
+}, Pr = "_tableSkeleton_3nr9n_1", ta = "_tableArrayPills_3nr9n_7", ve = {
+  tableSkeleton: Pr,
+  tableArrayPills: ta
+}, ea = ({ values: t }) => {
+  const s = kr(t ?? []), r = s.slice(0, 4), o = s.length - 4;
+  return /* @__PURE__ */ a.jsxs("div", { className: ve.tableArrayPills, children: [
+    r.map((i, c) => {
+      const n = Ce[i.variant];
+      return /* @__PURE__ */ a.jsx(
         St,
         {
           color: n.color,
           textColor: n.textColor,
           iconColor: n.iconColor,
-          children: l.label
+          children: i.label
         },
-        `${l.label}-${l.variant}-${i}`
+        `${i.label}-${i.variant}-${c}`
       );
     }),
-    c > 0 && /* @__PURE__ */ o.jsxs(St, { outlined: !0, children: [
+    o > 0 && /* @__PURE__ */ a.jsxs(St, { outlined: !0, children: [
       "+",
-      c
+      o
     ] })
   ] });
-}, Qr = ({
+}, na = ({
   userFlow: t,
   pageId: e,
   tableResponseKey: s,
   component: r,
-  rowData: c
+  rowData: o
 }) => {
-  const { getNextUI: l, fetchAndGetNextUI: i, fetchDataSource: n } = G(), d = E(t, e, [
+  const { getNextUI: i, fetchAndGetNextUI: c, fetchDataSource: n } = H(), _ = E(t, e, [
     { ...r }
-  ]), a = (d == null ? void 0 : d[0]) || null;
-  if (!a) return null;
+  ]), l = (_ == null ? void 0 : _[0]) || null;
+  if (!l) return null;
   const {
-    actionType: _,
+    actionType: d,
     responseKey: u,
     dataSource: h
-  } = a.props, f = L(async () => {
-    var x, b, g;
+  } = l.props, f = L(async () => {
+    var y, b, p;
     try {
-      const y = {
-        ...(x = v.getState()[t]) == null ? void 0 : x.entries,
+      const x = {
+        ...(y = v.getState()[t]) == null ? void 0 : y.entries,
         [u]: { status: 200 },
-        [s]: [{ ...c }]
+        [s]: [{ ...o }]
       };
-      switch (I(t, y), _) {
+      switch (I(t, x), d) {
         case "GO_TO_NEXT_UI": {
-          const m = await l(
+          const m = await i(
             t,
             e,
-            y,
+            x,
             u
           );
           m != null && m.data && K(t, m == null ? void 0 : m.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
-          const m = await i(
+          const m = await c(
             t,
             e,
-            y,
+            x,
             u,
             h
           );
@@ -2999,47 +3078,47 @@ const Sr = /\{([^}]+)\}/g, Tr = (t, e) => {
           break;
         }
         case "GET_DATA_SOURCE": {
-          const m = await l(
+          const m = await i(
             t,
             e,
-            y,
+            x,
             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(
+          ), g = (b = m == null ? void 0 : m.data) == null ? void 0 : b.content;
+          if ((g == null ? void 0 : g.type) !== "fetch") break;
+          const C = g == null ? void 0 : g.dataSource, j = await n(
             C,
             t,
             // Avoid to handle loading state until all the requests are done
             !1
-          ), N = {
-            ...(g = v.getState()[t]) == null ? void 0 : g.entries,
+          ), w = {
+            ...(p = v.getState()[t]) == null ? void 0 : p.entries,
             [u]: {
               status: j == null ? void 0 : j.status,
               content: j == null ? void 0 : j.data
             }
           };
-          I(t, N);
-          const w = await l(
+          I(t, w);
+          const N = await i(
             t,
             e,
-            N,
+            w,
             u
           );
-          w != null && w.data && K(t, w == null ? void 0 : w.data);
+          N != null && N.data && K(t, N == null ? void 0 : N.data);
           break;
         }
         default:
-          console.warn(`Unhandled actionType: ${_}`);
+          console.warn(`Unhandled actionType: ${d}`);
           break;
       }
-    } catch (y) {
-      alert(JSON.stringify(y));
+    } catch (x) {
+      alert(JSON.stringify(x));
     }
-  }, [_, h, e, u, t]);
-  return Se(a, {
+  }, [d, h, e, u, t]);
+  return Ae(l, {
     onClick: f
   });
-}, Zr = () => /* @__PURE__ */ o.jsx("div", { className: we.tableSkeleton, children: [...Array(10)].map((t, e) => /* @__PURE__ */ o.jsx(
+}, sa = () => /* @__PURE__ */ a.jsx("div", { className: ve.tableSkeleton, children: [...Array(10)].map((t, e) => /* @__PURE__ */ a.jsx(
   oe,
   {
     maxWidth: "100%",
@@ -3047,487 +3126,486 @@ const Sr = /\{([^}]+)\}/g, Tr = (t, e) => {
     radius: 8
   },
   `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
+)) }), ra = (t, e) => !(e != null && e.length) || !t ? t : t.map((s) => e.some(
+  (o) => Array.isArray(
+    s != null && s.accessor ? o[s == null ? void 0 : s.accessor] : void 0
   )
 ) ? {
   ...s,
-  renderCell: (c) => {
-    const l = s.accessor ? c[s.accessor] : void 0;
-    return Array.isArray(l) ? /* @__PURE__ */ o.jsx(Yr, { values: l }) : l ?? "";
+  renderCell: (o) => {
+    const i = s.accessor ? o[s.accessor] : void 0;
+    return Array.isArray(i) ? /* @__PURE__ */ a.jsx(ea, { values: i }) : i ?? "";
   }
-} : s), Pr = ({
+} : s), aa = ({
   userFlow: t,
   pageId: e,
   responseKey: s,
   component: r,
-  dataSource: c,
-  rightActions: l,
-  data: i,
+  dataSource: o,
+  rightActions: i,
+  data: c,
   pageSize: n,
-  ...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 = ut(
+  const { fetchDataSource: l } = H(), [d, u] = q(!1), [h, f] = q(1), [y, b] = q(null), p = !o && Array.isArray(c), x = !!(o != null && o.jsonPathCursorPagination) && !!((Q = o == null ? void 0 : o.jsonPathPagination) != null && Q.hasMore), m = ut(
     /* @__PURE__ */ new Map([[1, null]])
-  ), p = O(() => {
-    if (l != null && l.length)
-      return l.map((T, H) => ({
-        renderContent: (ct) => /* @__PURE__ */ o.jsx(
-          Qr,
+  ), g = D(() => {
+    if (i != null && i.length)
+      return i.map((S, G) => ({
+        renderContent: (ct) => /* @__PURE__ */ a.jsx(
+          na,
           {
             userFlow: t,
             pageId: e,
             tableResponseKey: s,
-            component: T,
+            component: S,
             rowData: ct
           },
-          `tableRowAction${H}`
+          `tableRowAction${G}`
         )
       }));
-  }, [l, t, e, s]), C = async (T = 1) => {
-    if (!c)
+  }, [i, t, e, s]), C = async (S = 1) => {
+    if (!o)
       return;
     const {
-      mapperData: H,
+      mapperData: G,
       jsonPathData: ct,
       jsonPathPagination: bt,
       jsonPathCursorPagination: it
-    } = c;
-    if (it && T !== 1 && !m.current.has(T)) {
+    } = o;
+    if (it && S !== 1 && !m.current.has(S)) {
       f(1), C(1);
       return;
     }
-    it && T === 1 && (m.current = /* @__PURE__ */ new Map([[1, null]]));
+    it && S === 1 && (m.current = /* @__PURE__ */ new Map([[1, null]]));
     try {
       u(!0);
-      const jt = it ? m.current.get(T) ?? null : null, ve = Lt(
-        c,
-        T,
+      const jt = it ? m.current.get(S) ?? null : null, ke = Kt(
+        o,
+        S,
         void 0,
         jt
-      ), Z = await a(
-        ve,
+      ), Z = await l(
+        ke,
         t,
         !1
       );
       if (b(
-        ge(
+        pe(
           Z == null ? void 0 : Z.data,
           ct,
-          H,
+          G,
           bt
         )
       ), it) {
-        const Kt = ms(
+        const Bt = gs(
           Z == null ? void 0 : Z.data,
           it
         );
-        Kt && m.current.set(T + 1, Kt);
+        Bt && m.current.set(S + 1, Bt);
       }
       u(!1);
     } catch (jt) {
       console.error("[TableNotFront] fetchData:", jt), u(!1);
     }
-  }, j = (T) => {
-    f(T), C(T);
+  }, j = (S) => {
+    f(S), C(S);
   };
   U(() => {
-    g || C();
+    p || C();
   }, []);
-  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);
+  const w = p ? c : y == null ? void 0 : y.items, N = p && !!n && ((c == null ? void 0 : c.length) ?? 0) > n, k = D(() => {
+    if (!N || !c || !n)
+      return w ?? [];
+    const S = (h - 1) * n;
+    return c.slice(S, S + n);
   }, [
-    w,
-    i,
+    N,
+    c,
     n,
     h,
-    N
-  ]), D = O(
-    () => Fr(
-      d.columns,
-      N
+    w
+  ]), O = D(
+    () => ra(
+      _.columns,
+      w
     ),
-    [N, d.columns]
-  ), q = {
-    ...d,
-    data: S,
-    columns: D ?? [],
-    rightActions: p
+    [w, _.columns]
+  ), $ = {
+    ..._,
+    data: k,
+    columns: O ?? [],
+    rightActions: g
   };
-  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(
+  return p ? !w || w.length === 0 ? /* @__PURE__ */ a.jsx(mt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(Mt, { ...$ }),
+    N && n && c && /* @__PURE__ */ a.jsx(
       Ct,
       {
         classname: { global: "row__end" },
         page: h,
         size: n,
-        total: i.length,
+        total: c.length,
         onChange: f
       }
     )
-  ] }) : /* @__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(
+  ] }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: d ? /* @__PURE__ */ a.jsx(sa, {}) : y && ((V = y == null ? void 0 : y.items) == null ? void 0 : V.length) > 0 ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(Mt, { ...$ }),
+    !x && (y == null ? void 0 : y.pagination) && y.pagination.totalPages > 1 && /* @__PURE__ */ a.jsx(
       Ct,
       {
         classname: { global: "row__end" },
         page: h,
-        size: x.pagination.size,
-        total: x.pagination.total,
+        size: y.pagination.size,
+        total: y.pagination.total,
         onChange: j
       }
     ),
-    y && (x == null ? void 0 : x.pagination) && /* @__PURE__ */ o.jsx(
+    x && (y == null ? void 0 : y.pagination) && /* @__PURE__ */ a.jsx(
       Ct,
       {
         variant: "cursor",
         classname: { global: "row__end" },
         page: h,
-        hasNextPage: !!x.pagination.hasMore,
+        hasNextPage: !!y.pagination.hasMore,
         onChange: j
       }
     )
-  ] }) : /* @__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 }) => {
+  ] }) : /* @__PURE__ */ a.jsx(mt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
+}, oa = "_tabsPanel_kvslb_1", ca = {
+  tabsPanel: oa
+}, ia = ({ 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 = ({
+  return r != null && r.length ? /* @__PURE__ */ a.jsx("section", { className: ca.tabsPanel, children: r.map((o, i) => /* @__PURE__ */ a.jsx(A, { children: o }, `tabs-panel-${i}`)) }) : null;
+}, la = ({
   userFlow: t,
   pageId: e,
   hash: s,
   items: r,
-  activeIndex: c,
-  className: l,
-  responseKey: i
+  activeIndex: o,
+  className: i,
+  responseKey: c
 }) => {
-  const n = r.map((a, _) => ({
-    label: a.label,
-    disabled: a.disabled,
-    children: /* @__PURE__ */ o.jsx(
-      na,
+  const n = r.map((l, d) => ({
+    label: l.label,
+    disabled: l.disabled,
+    children: /* @__PURE__ */ a.jsx(
+      ia,
       {
         userFlow: t,
         pageId: e,
-        components: a.components
+        components: l.components
       },
-      `${s}-tab-${_}`
+      `${s}-tab-${d}`
     )
-  })), d = (a) => {
+  })), _ = (l) => {
     var u;
-    const _ = {
+    const d = {
       ...(u = v.getState()[t]) == null ? void 0 : u.entries,
-      [i]: a
+      [c]: l
     };
-    I(t, _);
+    I(t, d);
   };
-  return /* @__PURE__ */ o.jsx(
-    Qe,
+  return /* @__PURE__ */ a.jsx(
+    Ze,
     {
-      className: l,
-      activeIndex: c,
+      className: i,
+      activeIndex: o,
       items: n,
-      onClick: d
+      onClick: _
     }
   );
-}, ra = "_textareaNotFront_1wpe5_1", aa = {
-  textareaNotFront: ra
-}, oa = (t) => {
+}, Ee = (t, e, s) => {
+  const r = v(
+    (i) => {
+      var c, n;
+      return (n = (c = i[t]) == null ? void 0 : c.entries) == null ? void 0 : n[e];
+    }
+  ), o = L(
+    (i) => I(t, { [e]: i }),
+    [t, e]
+  );
+  return [r ?? s, o];
+}, da = "_textareaNotFront_1wpe5_1", _a = {
+  textareaNotFront: da
+}, ua = (t) => {
   const {
     userFlow: e,
     pageId: s,
     component: r,
-    hash: c,
-    responseKey: l,
-    required: i,
+    hash: o,
+    responseKey: i,
+    required: c,
     dependencies: n,
-    ...d
-  } = t, a = {
-    ...d
-  }, [_, u] = $((a == null ? void 0 : a.value) ?? ""), { disabled: h } = M(
+    ..._
+  } = t, { value: l, ...d } = _, [u, h] = Ee(
+    e,
+    i,
+    l ?? ""
+  ), { disabled: f } = B(
     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(e, { [l]: y });
-  };
-  return U(() => {
-    u((a == null ? void 0 : a.value) ?? "");
-  }, [a == null ? void 0 : a.value]), /* @__PURE__ */ o.jsx(
-    Ze,
+  ), y = (d == null ? void 0 : d.disabled) ?? f, b = D(() => c && (d != null && d.label) ? `${d.label} *` : (d == null ? void 0 : d.label) ?? "", [d == null ? void 0 : d.label, c]), p = (x) => h(x.target.value);
+  return /* @__PURE__ */ a.jsx(
+    Fe,
     {
-      ...a,
-      className: aa.textareaNotFront,
-      label: x,
-      value: _,
-      disabled: f,
-      onChange: (g) => !f && b(g)
+      ...d,
+      className: _a.textareaNotFront,
+      label: b,
+      value: u,
+      disabled: y,
+      onChange: (x) => !y && p(x)
     }
   );
-}, ca = "_textFieldNotFront_1n8fy_1", ia = {
-  textFieldNotFront: ca
-}, la = (t) => {
+}, ha = "_textFieldNotFront_1n8fy_1", fa = {
+  textFieldNotFront: ha
+}, xa = (t) => {
   const {
     userFlow: e,
     pageId: s,
     component: r,
-    hash: c,
-    responseKey: l,
-    required: i,
+    hash: o,
+    responseKey: i,
+    required: c,
     dependencies: n,
-    ...d
-  } = t, a = {
-    ...d
-  }, [_, u] = $((a == null ? void 0 : a.value) ?? ""), { disabled: h } = M(
+    ..._
+  } = t, { value: l, ...d } = _, [u, h] = Ee(
+    e,
+    i,
+    l ?? ""
+  ), { disabled: f } = B(
     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;
-    const y = (p = g == null ? void 0 : g.target) == null ? void 0 : p.value;
-    u(y);
-    const m = {
-      [l]: y
-    };
-    I(e, m);
-  };
-  return U(() => {
-    u((a == null ? void 0 : a.value) ?? "");
-  }, [a == null ? void 0 : a.value]), /* @__PURE__ */ o.jsx(
-    Fe,
+  ), y = (d == null ? void 0 : d.disabled) ?? f, b = D(() => c && (d != null && d.label) ? `${d == null ? void 0 : d.label} *` : (d == null ? void 0 : d.label) ?? "", [d == null ? void 0 : d.label, c]), p = (x) => h(x.target.value);
+  return /* @__PURE__ */ a.jsx(
+    Pe,
     {
-      ...a,
-      className: ia.textFieldNotFront,
+      ...d,
+      className: fa.textFieldNotFront,
       allowClear: !1,
-      label: x,
-      value: _,
-      disabled: f,
-      onChange: (g) => !f && b(g)
+      label: b,
+      value: u,
+      disabled: y,
+      onChange: (x) => !y && p(x)
     }
   );
-}, da = ({
+}, ya = ({
   userFlow: t,
   pageId: e,
   responseKey: s,
   variant: r,
-  content: c,
-  actionType: l,
-  redirectUrl: i
+  content: o,
+  actionType: i,
+  redirectUrl: c
 }) => {
   const n = L(async () => {
-    qt(t);
+    Lt(t);
     try {
-      switch (l) {
+      switch (i) {
         case "AUTOCLOSE_AND_REDIRECT":
-          window.location.href = i;
+          window.location.href = c;
           break;
         default:
-          console.warn(`Unhandled actionType: ${l}`);
+          console.warn(`Unhandled actionType: ${i}`);
           break;
       }
-    } catch (d) {
-      console.error("Error in toast action:", d), alert(JSON.stringify(d));
+    } catch (_) {
+      console.error("Error in toast action:", _), alert(JSON.stringify(_));
     }
-  }, [l, e, s, t, i]);
+  }, [i, e, s, t, c]);
   return U(() => {
     ({
       info: lt.info,
       error: lt.error,
       success: lt.success,
       warning: lt.warning
-    }[r] || lt.info)(c, {
-      autoClose: l ? !1 : 4e3,
+    }[r] || lt.info)(o, {
+      autoClose: i ? !1 : 4e3,
       containerId: t,
       onClose: n
     });
   }, [n, t]), null;
-}, _a = "_tooltipNotFront_106iw_1", ua = "_tooltipNotFront_content_106iw_5", ne = {
-  tooltipNotFront: _a,
-  tooltipNotFront_content: ua
-}, ha = (t) => {
+}, ma = "_tooltipNotFront_106iw_1", ga = "_tooltipNotFront_content_106iw_5", ne = {
+  tooltipNotFront: ma,
+  tooltipNotFront_content: ga
+}, pa = (t) => {
   const {
     userFlow: e,
     pageId: s,
     component: r,
-    hash: c,
-    responseKey: l,
-    content: i,
+    hash: o,
+    responseKey: i,
+    content: c,
     label: n,
-    placement: d,
-    notShowArrow: a,
-    visible: _
+    placement: _,
+    notShowArrow: l,
+    visible: d
   } = t, u = E(
     e,
     s,
-    i != null && i.length ? i : 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(
-    Pe,
+    c != null && c.length ? c : null
+  ), h = u && u.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: ne.tooltipNotFront_content, children: u.map((f, y) => /* @__PURE__ */ a.jsx(A, { children: f }, `tooltip-${o}-${y}`)) }) : null;
+  return /* @__PURE__ */ a.jsx(
+    tn,
     {
       className: ne.tooltipNotFront,
       label: n,
-      placement: d,
-      notShowArrow: a,
-      visible: _,
+      placement: _,
+      notShowArrow: l,
+      visible: d,
       children: h
     }
   );
 };
-function Ra({
+function Ba({
   sessionName: t,
   apiConfig: e,
   onResolveComponentProps: s,
   children: r
 }) {
-  const c = ga(
+  const o = Na(
     t,
     e,
     null,
     s
   );
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    c,
+  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    o,
     r
   ] });
 }
-const fa = { api: "", headers: {} }, ya = ({
+const ba = { api: "", headers: {} }, ja = ({
   userFlow: t,
   components: e,
   hash: s,
   apiConfig: r
 }) => {
-  const c = s ?? `${t}-page`;
-  $(() => {
-    var d, a;
-    return (a = (d = v.getState()[t]) == null ? void 0 : d.pages) != null && a[c] || yt(t, r ?? fa, {
+  const o = s ?? `${t}-page`;
+  q(() => {
+    var _, l;
+    return (l = (_ = v.getState()[t]) == null ? void 0 : _.pages) != null && l[o] || yt(t, r ?? ba, {
       type: "page",
-      hash: c,
+      hash: o,
       body: { components: e }
     }), null;
   });
-  const l = E(t, c, e);
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: l });
+  const i = E(t, o, e);
+  return /* @__PURE__ */ a.jsx(a.Fragment, { children: i });
 };
-function xa(t) {
+function Ca(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 t.components;
 }
-const ma = ({ payload: t, userFlow: e }) => {
-  const s = xa(t.display), r = ya({
+const wa = ({ payload: t, userFlow: e }) => {
+  const s = Ca(t.display), r = ja({
     userFlow: e,
     hash: t.id,
     components: s
   });
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: r });
-}, Da = ma, se = (t, e, s, r, c) => {
-  const l = E(
+  return /* @__PURE__ */ a.jsx(a.Fragment, { children: r });
+}, Ma = wa, se = (t, e, s, r, o) => {
+  const i = E(
     t,
     e,
     (r == null ? void 0 : r.components) || null,
-    c
+    o
   );
   switch (s) {
     case "body":
-      return /* @__PURE__ */ o.jsx(
-        Wn,
+      return /* @__PURE__ */ a.jsx(
+        Yn,
         {
           ...r,
-          inputs: l || []
+          inputs: i || []
         },
         JSON.stringify(r == null ? void 0 : r.components)
       );
     case "header":
-      return /* @__PURE__ */ o.jsx(
-        ur,
+      return /* @__PURE__ */ a.jsx(
+        gr,
         {
           ...r,
-          components: l || []
+          components: i || []
         },
         JSON.stringify(r == null ? void 0 : r.components)
       );
     default:
       return null;
   }
-}, ga = (t, e, s, r) => {
-  var g, y;
-  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;
+}, Na = (t, e, s, r) => {
+  var p, x;
+  const [o, i] = q(!1), c = !!(e != null && e.api && !s && t), [n, _] = q(c), l = v((m) => m[t]), d = l == null ? void 0 : l.currentPageId, u = (l == null ? void 0 : l.isLoading) ?? !1, h = n || u;
   U(() => {
     if (typeof window > "u") return;
-    const m = new URL(window.location.href), p = m.searchParams.get("sessionId");
-    p && (Dt(p), m.searchParams.delete("sessionId"), window.history.replaceState({}, "", m.toString()));
+    const m = new URL(window.location.href), g = m.searchParams.get("sessionId");
+    g && (qt(g), m.searchParams.delete("sessionId"), window.history.replaceState({}, "", m.toString()));
   }, []);
-  const f = _ ? se(
+  const f = d ? se(
     t,
-    _,
+    d,
     "header",
-    ((g = a == null ? void 0 : a.pages[_].page) == null ? void 0 : g.header) || null,
+    ((p = l == null ? void 0 : l.pages[d].page) == null ? void 0 : p.header) || null,
     r
-  ) : null, x = _ ? se(
+  ) : null, y = d ? se(
     t,
-    _,
+    d,
     "body",
-    ((y = a == null ? void 0 : a.pages[_].page) == null ? void 0 : y.body) || null,
+    ((x = l == null ? void 0 : l.pages[d].page) == null ? void 0 : x.body) || null,
     r
   ) : null, b = async () => {
     try {
-      const m = await xe(
+      const m = await me(
         e,
         t
-      ), p = m == null ? void 0 : m.data, C = p == null ? void 0 : p.content;
+      ), g = m == null ? void 0 : m.data, C = g == null ? void 0 : g.content;
       (m == null ? void 0 : m.status) === 200 ? yt(
         t,
         e,
         C,
-        p == null ? void 0 : p.sessionState,
-        p == null ? void 0 : p.sessionId
-      ) : l(!0);
+        g == null ? void 0 : g.sessionState,
+        g == null ? void 0 : g.sessionId
+      ) : i(!0);
     } catch (m) {
-      console.error("[not-page]: API call failed", m), l(!0);
+      console.error("[not-page]: API call failed", m), i(!0);
     } finally {
-      d(!1);
+      _(!1);
     }
   };
   return U(() => {
-    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(
+    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) && (i(!0), console.error(
       "[not-page]: API call failed",
       "not api config",
       "not userFlow"
     ));
-    const m = "avocado-theme-mode-changed", p = (C) => {
+    const m = "avocado-theme-mode-changed", g = (C) => {
       const j = C.detail;
       ht.setThemeMode(j);
     };
-    return window.addEventListener(m, p), () => {
-      window.removeEventListener(m, p);
+    return window.addEventListener(m, g), () => {
+      window.removeEventListener(m, g);
     };
-  }, []), c && console.error("[not-page]: No render page"), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    h && /* @__PURE__ */ o.jsx(tn, {}),
+  }, []), o && console.error("[not-page]: No render page"), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    h && /* @__PURE__ */ a.jsx(en, {}),
     f,
-    x,
-    _ && /* @__PURE__ */ o.jsx(gr, { userFlow: t, pageId: _ }),
-    a && /* @__PURE__ */ o.jsx(en, {})
+    y,
+    d && /* @__PURE__ */ a.jsx(Nr, { userFlow: t, pageId: d }),
+    l && /* @__PURE__ */ a.jsx(nn, {})
   ] });
 };
 export {
-  zs as Chart,
-  Ra as NotFrontPage,
-  ma as RenderNotFront,
-  kr as Row,
-  $a as clearSessionId,
-  xa as extractNotFrontComponents,
-  Sn as heading,
-  Da as renderNotFront,
-  Tn as text,
-  ya as useNotFrontFragment,
-  ga as usePage
+  Xs as Chart,
+  Ba as NotFrontPage,
+  wa as RenderNotFront,
+  Dr as Row,
+  Ka as clearSessionId,
+  Ca as extractNotFrontComponents,
+  Tn as heading,
+  Ma as renderNotFront,
+  An as text,
+  ja as useNotFrontFragment,
+  Na as usePage
 };