@foris/avocado-not-front 8.1.0 → 8.3.0

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

@@ -1,24 +1,24 @@
 import V from "axios";
-import { create as Ft } from "zustand";
-import Pt, { useMemo as k, useState as S, useCallback as O, Fragment as A, useEffect as U, useRef as he, useLayoutEffect as en, cloneElement as tn } from "react";
-import { Heading as wt, Text as vt, Accordion as nn, ThemeStore as fe, Box as rn, RadioButton as sn, Stepper as on, ProgressBar as an, Breadcrumbs as cn, Button as ln, CardAccordion as dn, Card as un, CardNotification as je, Donut as _n, SkeletonBase as Et, Checkbox as hn, PreviewerMarkdown as Tt, DataCard as At, Divider as fn, Drawer as mn, FileUpload as gn, DropdownButton as yn, HeaderNavigation as xn, Link as pn, Menu as bn, Modal as jn, Pill as qe, RoundButton as Cn, SelectPagination as Nn, Select as wn, Switch as vn, Pager as Se, Table as En, Tabs as Tn, Textarea as An, TextField as kn, toast as de, Tooltip as Sn, ContextualNavigation as On, Loading as Dn, Toaster as Rn } from "@foris/avocado-suite";
-import { ChatPanel as In, PromptCodeEditor as $n, SummaryCard as Ln } from "@foris/ai-agent";
-import L from "jsonpath";
-import { ResponsiveContainer as kt, Legend as qn, Tooltip as Bn, XAxis as Hn, YAxis as Kn, AreaChart as Un, CartesianGrid as re, Area as St, BarChart as Ue, Bar as we, ComposedChart as Gn, Line as Ot, LineChart as Mn, PieChart as Vn, Pie as zn, Cell as Xn } from "recharts";
-import Wn from "@uiw/react-codemirror";
+import { create as Zt } from "zustand";
+import Ft, { useMemo as A, useState as O, useCallback as S, Fragment as k, useEffect as G, useRef as de, useLayoutEffect as Pt, cloneElement as en } from "react";
+import { Heading as wt, Text as Nt, Accordion as tn, ThemeStore as ue, Box as nn, RadioButton as rn, Stepper as sn, SegmentedProgress as on, Breadcrumbs as an, Button as cn, CardAccordion as ln, Card as dn, CardNotification as ye, chartColors as B, BarChart as un, Donut as _n, LineChart as hn, SkeletonBase as Et, Checkbox as fn, PreviewerMarkdown as vt, DataCard as Tt, Divider as gn, Drawer as mn, FileUpload as xn, DropdownButton as yn, HeaderNavigation as pn, Link as bn, Menu as Cn, Modal as jn, Pill as Le, RoundButton as wn, SelectPagination as Nn, Select as En, Switch as vn, Pager as Se, Table as Tn, Tabs as An, Textarea as Sn, TextField as kn, toast as ae, Tooltip as On, ContextualNavigation as Rn, Loading as Dn, Toaster as In } from "@foris/avocado-suite";
+import { ChatPanel as $n, PromptCodeEditor as Ln, SummaryCard as qn } from "@foris/ai-agent";
+import $ from "jsonpath";
+import { ResponsiveContainer as At, Legend as Bn, Tooltip as Hn, XAxis as Un, YAxis as Gn, AreaChart as Mn, CartesianGrid as Ce, Area as St, ComposedChart as Kn, Bar as Ue, Line as Vn, BarChart as kt, PieChart as zn, Pie as Xn, Cell as Jn } from "recharts";
+import { Color as Wn, Icon as at } from "@foris/avocado-icons";
+import Yn from "@uiw/react-codemirror";
 import { json as ct } from "@codemirror/lang-json";
-import { markdown as Jn } from "@codemirror/lang-markdown";
-import { sql as Yn } from "@codemirror/lang-sql";
-import { yaml as Qn } from "@codemirror/lang-yaml";
-import { Icon as it } from "@foris/avocado-icons";
-const Ge = "sessionId", Zn = () => sessionStorage.getItem(Ge), Me = (e) => {
+import { markdown as Qn } from "@codemirror/lang-markdown";
+import { sql as Zn } from "@codemirror/lang-sql";
+import { yaml as Fn } from "@codemirror/lang-yaml";
+const Ge = "sessionId", Pn = () => sessionStorage.getItem(Ge), Me = (e) => {
   e && sessionStorage.setItem(Ge, e);
-}, Ma = () => {
+}, Ya = () => {
   sessionStorage.removeItem(Ge);
-}, v = Ft(() => ({})), be = (e, t, n, s, o) => {
+}, E = Zt(() => ({})), xe = (e, t, n, s, o) => {
   Me(o);
   const a = n == null ? void 0 : n.hash, c = s && Object.keys(s).length > 0 ? { ...s } : {};
-  v.setState((r) => {
+  E.setState((r) => {
     var d;
     return {
       ...r,
@@ -40,14 +40,14 @@ const Ge = "sessionId", Zn = () => sessionStorage.getItem(Ge), Me = (e) => {
       }
     };
   });
-}, Dt = (e, t, n) => {
+}, Ot = (e, t, n) => {
   const s = n && Object.keys(n).length > 0 ? { ...e, ...n } : e;
   return t.length === 0 ? s : Object.fromEntries(
     Object.entries(s).filter(([o]) => !t.includes(o))
   );
-}, Fn = (e, t, n, s, o) => {
-  Me(n), v.setState((a) => {
-    const c = a[e] ?? {}, r = c.entries ?? {}, d = Dt(
+}, er = (e, t, n, s, o) => {
+  Me(n), E.setState((a) => {
+    const c = a[e] ?? {}, r = c.entries ?? {}, d = Ot(
       r,
       s,
       o
@@ -69,14 +69,14 @@ const Ge = "sessionId", Zn = () => sessionStorage.getItem(Ge), Me = (e) => {
       }
     };
   });
-}, Pn = (e, t, n, s) => {
-  v.setState((o) => {
-    var l;
-    const a = o[e] ?? {}, c = a.entries ?? {}, r = Dt(
+}, tr = (e, t, n, s) => {
+  E.setState((o) => {
+    var i;
+    const a = o[e] ?? {}, c = a.entries ?? {}, r = Ot(
       c,
       n,
       s
-    ), d = (l = t.components) == null ? void 0 : l.some(
+    ), d = (i = t.components) == null ? void 0 : i.some(
       (u) => u.component === "drawer"
     );
     return {
@@ -91,38 +91,38 @@ const Ge = "sessionId", Zn = () => sessionStorage.getItem(Ge), Me = (e) => {
       }
     };
   });
-}, Ve = (e) => {
-  v.setState((t) => ({
+}, Ke = (e) => {
+  E.setState((t) => ({
     ...t,
     [e]: {
       ...t[e],
       overlay: null
     }
   }));
-}, er = (e) => {
+}, nr = (e) => {
   var n;
-  return ((n = v.getState()[e]) == null ? void 0 : n.overlay) ?? null;
-}, B = (e, t) => {
+  return ((n = E.getState()[e]) == null ? void 0 : n.overlay) ?? null;
+}, q = (e, t) => {
   const {
     content: n,
     sessionId: s,
     deprecatedStateKeys: o = [],
     sessionState: a
   } = t;
-  n.type !== "page" && n.type !== "overlay" || (n.type === "page" ? Fn(
+  n.type !== "page" && n.type !== "overlay" || (n.type === "page" ? er(
     e,
     n,
     s,
     o,
     a
-  ) : Pn(
+  ) : tr(
     e,
     n,
     o,
     a
   ));
-}, q = (e, t) => {
-  v.setState((n) => {
+}, L = (e, t) => {
+  E.setState((n) => {
     var s;
     return {
       ...n,
@@ -136,8 +136,8 @@ const Ge = "sessionId", Zn = () => sessionStorage.getItem(Ge), Me = (e) => {
       }
     };
   });
-}, tr = (e, t) => {
-  v.setState((n) => {
+}, rr = (e, t) => {
+  E.setState((n) => {
     const s = n[e];
     if (!s)
       return n;
@@ -153,32 +153,32 @@ const Ge = "sessionId", Zn = () => sessionStorage.getItem(Ge), Me = (e) => {
       }
     };
   });
-}, P = (e, t) => {
-  v.setState((n) => ({
+}, Z = (e, t) => {
+  E.setState((n) => ({
     ...n,
     [e]: {
       ...n[e],
       isLoading: t
     }
   }));
-}, ze = (e, t) => {
-  v.setState((n) => ({
+}, Ve = (e, t) => {
+  E.setState((n) => ({
     ...n,
     [e]: {
       ...n[e],
       isModalOpen: t
     }
   }));
-}, _e = (e, t) => {
-  v.setState((n) => ({
+}, ie = (e, t) => {
+  E.setState((n) => ({
     ...n,
     [e]: {
       ...n[e],
       isDrawerOpen: t
     }
   }));
-}, lt = (e, t) => {
-  v.setState((n) => {
+}, it = (e, t) => {
+  E.setState((n) => {
     const s = n[e];
     return s ? {
       ...n,
@@ -192,45 +192,45 @@ const Ge = "sessionId", Zn = () => sessionStorage.getItem(Ge), Me = (e) => {
     } : n;
   });
 };
-let Oe = !1, Ce = [], dt = !1;
-const nr = (e) => e._userFlow || null, ut = (e) => {
-  Ce.forEach(({ resolve: t, reject: n }) => {
+let ke = !1, pe = [], lt = !1;
+const sr = (e) => e._userFlow || null, dt = (e) => {
+  pe.forEach(({ resolve: t, reject: n }) => {
     e ? n(e) : t(void 0);
-  }), Ce = [];
-}, rr = async (e) => {
+  }), pe = [];
+}, or = async (e) => {
   var s, o;
   const t = e == null ? void 0 : e.config;
   if (((s = e == null ? void 0 : e.response) == null ? void 0 : s.status) === 401 && !t._retry) {
-    const a = nr(t);
+    const a = sr(t);
     if (a) {
-      const r = (o = v.getState()[a]) == null ? void 0 : o.apiConfig;
+      const r = (o = E.getState()[a]) == null ? void 0 : o.apiConfig;
       if (!r)
         return Promise.reject(e);
       if (r.onAuthenticationError || typeof r.headers == "function") {
-        if (Oe)
-          return new Promise((l, u) => {
-            Ce.push({ resolve: l, reject: u });
-          }).then(() => V(t)).catch((l) => (console.error("[axiosInterceptors] Queued request failed:", l), Promise.reject(l)));
-        t._retry = !0, Oe = !0;
+        if (ke)
+          return new Promise((i, u) => {
+            pe.push({ resolve: i, reject: u });
+          }).then(() => V(t)).catch((i) => (console.error("[axiosInterceptors] Queued request failed:", i), Promise.reject(i)));
+        t._retry = !0, ke = !0;
         try {
-          let l;
+          let i;
           if (r.onAuthenticationError)
-            l = await r.onAuthenticationError();
+            i = await r.onAuthenticationError();
           else if (typeof r.headers == "function")
-            l = r.headers();
+            i = r.headers();
           else
             throw new Error("No refresh handler available");
-          return r.onAuthenticationError && (typeof r.headers == "string" ? lt(a, JSON.stringify(l)) : lt(a, l)), t.headers || (t.headers = {}), Object.assign(t.headers, l), ut(null), V(t);
-        } catch (l) {
+          return r.onAuthenticationError && (typeof r.headers == "string" ? it(a, JSON.stringify(i)) : it(a, i)), t.headers || (t.headers = {}), Object.assign(t.headers, i), dt(null), V(t);
+        } catch (i) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
-            l
+            i
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
-            Ce.length
-          ), ut(l), Promise.reject(l);
+            pe.length
+          ), dt(i), Promise.reject(i);
         } finally {
-          Oe = !1;
+          ke = !1;
         }
       } else
         console.warn(
@@ -243,20 +243,20 @@ const nr = (e) => e._userFlow || null, ut = (e) => {
       );
   }
   return Promise.reject(e);
-}, sr = () => {
-  if (dt) {
+}, ar = () => {
+  if (lt) {
     console.debug(
       "[axiosInterceptors] Interceptors already initialized, skipping"
     );
     return;
   }
-  console.debug("[axiosInterceptors] Initializing interceptors..."), V.interceptors.response.use(void 0, rr), console.debug("[axiosInterceptors] Response error interceptor registered"), dt = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
+  console.debug("[axiosInterceptors] Initializing interceptors..."), V.interceptors.response.use(void 0, or), console.debug("[axiosInterceptors] Response error interceptor registered"), lt = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
 };
-sr();
-function or(e) {
+ar();
+function cr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var De = { exports: {} }, ue = {};
+var Oe = { exports: {} }, ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -266,46 +266,46 @@ var De = { exports: {} }, ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var _t;
-function ar() {
-  if (_t) return ue;
-  _t = 1;
-  var e = Pt, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(r, d, l) {
+var ut;
+function ir() {
+  if (ut) return ce;
+  ut = 1;
+  var e = Ft, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(r, d, i) {
     var u, _ = {}, h = null, f = null;
-    l !== void 0 && (h = "" + l), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (f = d.ref);
+    i !== void 0 && (h = "" + i), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (f = d.ref);
     for (u in d) s.call(d, u) && !a.hasOwnProperty(u) && (_[u] = d[u]);
     if (r && r.defaultProps) for (u in d = r.defaultProps, d) _[u] === void 0 && (_[u] = d[u]);
     return { $$typeof: t, type: r, key: h, ref: f, props: _, _owner: o.current };
   }
-  return ue.Fragment = n, ue.jsx = c, ue.jsxs = c, ue;
+  return ce.Fragment = n, ce.jsx = c, ce.jsxs = c, ce;
 }
-var ht;
-function cr() {
-  return ht || (ht = 1, De.exports = ar()), De.exports;
+var _t;
+function lr() {
+  return _t || (_t = 1, Oe.exports = ir()), Oe.exports;
 }
-var i = cr();
-const ir = (e) => {
+var l = lr();
+const dr = (e) => {
   if (!(e != null && e.content)) return null;
   const t = {
     ...e,
     children: e.content,
     type: e.variant
   };
-  return /* @__PURE__ */ i.jsx(wt, { ...t });
-}, lr = (e) => {
+  return /* @__PURE__ */ l.jsx(wt, { ...t });
+}, ur = (e) => {
   if (!e) return null;
   const t = {
     ...e,
     children: e.content
   };
-  return /* @__PURE__ */ i.jsx(vt, { ...t });
+  return /* @__PURE__ */ l.jsx(Nt, { ...t });
 }, T = (e, t, n, s) => {
   var c;
   const o = {
-    accordion: (r) => /* @__PURE__ */ i.jsx(br, { ...r, userFlow: e, pageId: t }),
-    aiChatPanel: (r) => /* @__PURE__ */ i.jsx(
-      jr,
+    accordion: (r) => /* @__PURE__ */ l.jsx(jr, { ...r, userFlow: e, pageId: t }),
+    aiChatPanel: (r) => /* @__PURE__ */ l.jsx(
+      wr,
       {
         ...r,
         userFlow: e,
@@ -313,8 +313,8 @@ const ir = (e) => {
         onResolveProps: s == null ? void 0 : s.aiChatPanel
       }
     ),
-    aiSummaryCard: (r) => /* @__PURE__ */ i.jsx(
-      Tr,
+    aiSummaryCard: (r) => /* @__PURE__ */ l.jsx(
+      Sr,
       {
         ...r,
         userFlow: e,
@@ -322,30 +322,30 @@ const ir = (e) => {
         onResolveProps: s == null ? void 0 : s.aiSummaryCard
       }
     ),
-    aiPromptCodeEditor: (r) => /* @__PURE__ */ i.jsx(wr, { ...r, userFlow: e, pageId: t }),
-    box: (r) => /* @__PURE__ */ i.jsx(Lr, { ...r, userFlow: e, pageId: t }),
-    breadcrumbs: (r) => /* @__PURE__ */ i.jsx(Xr, { ...r, userFlow: e, pageId: t }),
-    tooltip: (r) => /* @__PURE__ */ i.jsx(ja, { ...r, userFlow: e, pageId: t }),
-    textarea: (r) => /* @__PURE__ */ i.jsx(fa, { ...r, userFlow: e, pageId: t }),
-    card: (r) => /* @__PURE__ */ i.jsx(Fr, { ...r, userFlow: e, pageId: t }),
-    dropdownButton: (r) => /* @__PURE__ */ i.jsx(ro, { ...r, userFlow: e, pageId: t }),
-    menu: (r) => /* @__PURE__ */ i.jsx(lo, { ...r, userFlow: e, pageId: t }),
-    radioGroup: (r) => /* @__PURE__ */ i.jsx(Mr, { ...r, userFlow: e, pageId: t }),
-    stepper: (r) => /* @__PURE__ */ i.jsx(Vr, { ...r, userFlow: e, pageId: t }),
-    progressBar: (r) => /* @__PURE__ */ i.jsx(zr, { ...r, userFlow: e, pageId: t }),
-    button: (r) => /* @__PURE__ */ i.jsx(Wr, { ...r, userFlow: e, pageId: t }),
-    cardAccordion: (r) => /* @__PURE__ */ i.jsx(Yr, { ...r, userFlow: e, pageId: t }),
-    cardNotification: (r) => /* @__PURE__ */ i.jsx(Pr, { ...r, userFlow: e, pageId: t }),
-    chart: (r) => /* @__PURE__ */ i.jsx(Ds, { ...r, userFlow: e }),
-    dataCard: (r) => /* @__PURE__ */ i.jsx(Ws, { ...r, userFlow: e, pageId: t }),
-    checkbox: (r) => /* @__PURE__ */ i.jsx(Rs, { ...r, userFlow: e, pageId: t }),
-    code: (r) => /* @__PURE__ */ i.jsx(Ks, { ...r, userFlow: e, pageId: t }),
-    divider: (r) => /* @__PURE__ */ i.jsx(Qs, { ...r }),
-    drawer: (r) => /* @__PURE__ */ i.jsx(eo, { ...r, userFlow: e, pageId: t }),
-    fileUpload: (r) => /* @__PURE__ */ i.jsx(no, { ...r, userFlow: e, pageId: t }),
-    heading: (r) => ir(r),
-    headerNavigation: (r) => /* @__PURE__ */ i.jsx(
-      Kt,
+    aiPromptCodeEditor: (r) => /* @__PURE__ */ l.jsx(vr, { ...r, userFlow: e, pageId: t }),
+    box: (r) => /* @__PURE__ */ l.jsx(Br, { ...r, userFlow: e, pageId: t }),
+    breadcrumbs: (r) => /* @__PURE__ */ l.jsx(Wr, { ...r, userFlow: e, pageId: t }),
+    tooltip: (r) => /* @__PURE__ */ l.jsx(Ta, { ...r, userFlow: e, pageId: t }),
+    textarea: (r) => /* @__PURE__ */ l.jsx(ba, { ...r, userFlow: e, pageId: t }),
+    card: (r) => /* @__PURE__ */ l.jsx(es, { ...r, userFlow: e, pageId: t }),
+    dropdownButton: (r) => /* @__PURE__ */ l.jsx(lo, { ...r, userFlow: e, pageId: t }),
+    menu: (r) => /* @__PURE__ */ l.jsx(mo, { ...r, userFlow: e, pageId: t }),
+    radioGroup: (r) => /* @__PURE__ */ l.jsx(zr, { ...r, userFlow: e, pageId: t }),
+    stepper: (r) => /* @__PURE__ */ l.jsx(Xr, { ...r, userFlow: e, pageId: t }),
+    progressBar: (r) => /* @__PURE__ */ l.jsx(Jr, { ...r, userFlow: e, pageId: t }),
+    button: (r) => /* @__PURE__ */ l.jsx(Yr, { ...r, userFlow: e, pageId: t }),
+    cardAccordion: (r) => /* @__PURE__ */ l.jsx(Zr, { ...r, userFlow: e, pageId: t }),
+    cardNotification: (r) => /* @__PURE__ */ l.jsx(ts, { ...r, userFlow: e, pageId: t }),
+    chart: (r) => /* @__PURE__ */ l.jsx(Bs, { ...r, userFlow: e }),
+    dataCard: (r) => /* @__PURE__ */ l.jsx(Ps, { ...r, userFlow: e, pageId: t }),
+    checkbox: (r) => /* @__PURE__ */ l.jsx(Hs, { ...r, userFlow: e, pageId: t }),
+    code: (r) => /* @__PURE__ */ l.jsx(Xs, { ...r, userFlow: e, pageId: t }),
+    divider: (r) => /* @__PURE__ */ l.jsx(no, { ...r }),
+    drawer: (r) => /* @__PURE__ */ l.jsx(ao, { ...r, userFlow: e, pageId: t }),
+    fileUpload: (r) => /* @__PURE__ */ l.jsx(io, { ...r, userFlow: e, pageId: t }),
+    heading: (r) => dr(r),
+    headerNavigation: (r) => /* @__PURE__ */ l.jsx(
+      Ht,
       {
         ...r,
         userFlow: e,
@@ -353,27 +353,27 @@ const ir = (e) => {
         onResolveComponentProps: s
       }
     ),
-    link: (r) => /* @__PURE__ */ i.jsx(io, { ...r, userFlow: e, pageId: t }),
-    pill: (r) => /* @__PURE__ */ i.jsx(bo, { ...r }),
-    previewerMarkdown: (r) => /* @__PURE__ */ i.jsx(jo, { ...r }),
-    modal: (r) => /* @__PURE__ */ i.jsx(ho, { ...r, userFlow: e, pageId: t }),
-    roundButton: (r) => /* @__PURE__ */ i.jsx(Co, { ...r, userFlow: e, pageId: t }),
-    row: (r) => /* @__PURE__ */ i.jsx(vo, { ...r, userFlow: e, pageId: t }),
-    select: (r) => /* @__PURE__ */ i.jsx(Ro, { ...r, userFlow: e, pageId: t }),
-    switch: (r) => /* @__PURE__ */ i.jsx(Vo, { ...r, userFlow: e, pageId: t }),
-    spacing: (r) => /* @__PURE__ */ i.jsx(Mo, { ...r, userFlow: e, pageId: t }),
-    table: (r) => /* @__PURE__ */ i.jsx(ca, { ...r, userFlow: e, pageId: t }),
-    tabs: (r) => /* @__PURE__ */ i.jsx(ua, { ...r, userFlow: e, pageId: t }),
-    text: (r) => lr(r),
-    textField: (r) => /* @__PURE__ */ i.jsx(ya, { ...r, userFlow: e, pageId: t }),
-    toast: (r) => /* @__PURE__ */ i.jsx(xa, { ...r, userFlow: e, pageId: t })
+    link: (r) => /* @__PURE__ */ l.jsx(go, { ...r, userFlow: e, pageId: t }),
+    pill: (r) => /* @__PURE__ */ l.jsx(vo, { ...r }),
+    previewerMarkdown: (r) => /* @__PURE__ */ l.jsx(To, { ...r }),
+    modal: (r) => /* @__PURE__ */ l.jsx(po, { ...r, userFlow: e, pageId: t }),
+    roundButton: (r) => /* @__PURE__ */ l.jsx(Ao, { ...r, userFlow: e, pageId: t }),
+    row: (r) => /* @__PURE__ */ l.jsx(Oo, { ...r, userFlow: e, pageId: t }),
+    select: (r) => /* @__PURE__ */ l.jsx(Ho, { ...r, userFlow: e, pageId: t }),
+    switch: (r) => /* @__PURE__ */ l.jsx(Qo, { ...r, userFlow: e, pageId: t }),
+    spacing: (r) => /* @__PURE__ */ l.jsx(Yo, { ...r, userFlow: e, pageId: t }),
+    table: (r) => /* @__PURE__ */ l.jsx(ha, { ...r, userFlow: e, pageId: t }),
+    tabs: (r) => /* @__PURE__ */ l.jsx(xa, { ...r, userFlow: e, pageId: t }),
+    text: (r) => ur(r),
+    textField: (r) => /* @__PURE__ */ l.jsx(wa, { ...r, userFlow: e, pageId: t }),
+    toast: (r) => /* @__PURE__ */ l.jsx(Na, { ...r, userFlow: e, pageId: t })
   };
   return (c = n == null ? void 0 : n.filter(Boolean)) == null ? void 0 : c.map((r) => {
     const d = o[r.component];
     return d ? d({ ...r, userFlow: e, pageId: t }) : null;
   });
 };
-function dr(e) {
+function _r(e) {
   return !!(e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0);
 }
 function Rt(e, t) {
@@ -382,24 +382,24 @@ function Rt(e, t) {
   for (const n of t)
     if (n.when === "empty") {
       const s = e == null ? void 0 : e[n.key];
-      if (dr(s))
+      if (_r(s))
         return !0;
     }
   return !1;
 }
-function $(e, t) {
-  const n = v((s) => {
+function I(e, t) {
+  const n = E((s) => {
     var o;
     return (o = s[e]) == null ? void 0 : o.entries;
   });
-  return k(
+  return A(
     () => ({
       disabled: Rt(n, t)
     }),
     [t, n]
   );
 }
-const se = (e) => {
+const ee = (e) => {
   if (!e)
     return { "content-type": "application/json" };
   if (typeof e == "function")
@@ -411,10 +411,10 @@ const se = (e) => {
       return { "content-type": "application/json", Authorization: e };
     }
   return e;
-}, me = () => new AbortController(), ur = (e, t = {}, n = {}, s = !1, o) => {
-  const a = me();
+}, _e = () => new AbortController(), hr = (e, t = {}, n = {}, s = !1, o) => {
+  const a = _e();
   s && a.abort();
-  const c = se(t);
+  const c = ee(t);
   return {
     call: V.get(e, {
       headers: {
@@ -426,10 +426,10 @@ const se = (e) => {
     }),
     controller: a
   };
-}, Be = (e, t = {}, n = {}, s = {}, o = !1, a) => {
-  const c = me();
+}, qe = (e, t = {}, n = {}, s = {}, o = !1, a) => {
+  const c = _e();
   o && c.abort();
-  const r = se(t);
+  const r = ee(t);
   return {
     call: V.post(e, n, {
       headers: {
@@ -441,10 +441,10 @@ const se = (e) => {
     }),
     controller: c
   };
-}, _r = (e, t = {}, n = {}, s = {}, o = !1, a) => {
-  const c = me();
+}, fr = (e, t = {}, n = {}, s = {}, o = !1, a) => {
+  const c = _e();
   o && c.abort();
-  const r = se(t);
+  const r = ee(t);
   return {
     call: V.put(e, n, {
       headers: {
@@ -456,10 +456,10 @@ const se = (e) => {
     }),
     controller: c
   };
-}, hr = (e, t = {}, n = {}, s = {}, o = !1, a) => {
-  const c = me();
+}, gr = (e, t = {}, n = {}, s = {}, o = !1, a) => {
+  const c = _e();
   o && c.abort();
-  const r = se(t);
+  const r = ee(t);
   return {
     call: V.patch(e, n, {
       headers: {
@@ -471,10 +471,10 @@ const se = (e) => {
     }),
     controller: c
   };
-}, fr = (e, t = {}, n = {}, s = {}, o = !1, a) => {
-  const c = me();
+}, mr = (e, t = {}, n = {}, s = {}, o = !1, a) => {
+  const c = _e();
   o && c.abort();
-  const r = se(t);
+  const r = ee(t);
   return {
     call: V.delete(e, {
       headers: {
@@ -487,7 +487,7 @@ const se = (e) => {
     }),
     controller: c
   };
-}, It = () => {
+}, Dt = () => {
   let e;
   return { callEndpoint: async (s) => {
     s.controller && (e = s.controller);
@@ -501,11 +501,11 @@ const se = (e) => {
   }, cancelEndpoint: () => {
     e && e.abort();
   } };
-}, $t = async (e, t, n = "", s = {}, o = {}) => {
+}, It = async (e, t, n = "", s = {}, o = {}) => {
   try {
-    const { callEndpoint: a } = It(), { api: c, headers: r } = e, d = Zn(), l = new URLSearchParams({ session_name: t });
-    n && l.append("hash_code", n), d && l.append("sessionId", d);
-    const u = `${c}/not-front/next-ui/?${l.toString()}`, _ = se(r), h = Be(
+    const { callEndpoint: a } = Dt(), { api: c, headers: r } = e, d = Pn(), i = new URLSearchParams({ session_name: t });
+    n && i.append("hash_code", n), d && i.append("sessionId", d);
+    const u = `${c}/not-front/next-ui/?${i.toString()}`, _ = ee(r), h = qe(
       u,
       _,
       s,
@@ -517,7 +517,7 @@ const se = (e) => {
   } catch (a) {
     return console.error(a), Promise.reject(a);
   }
-}, Lt = (e) => {
+}, $t = (e) => {
   const t = e == null ? void 0 : e.toLowerCase();
   switch (t) {
     case "post":
@@ -529,7 +529,7 @@ const se = (e) => {
     default:
       return "get";
   }
-}, mr = (e, t, n, s) => {
+}, xr = (e, t, n, s) => {
   const { url: o, paginationKeys: a, params: c } = e, r = [], d = (a == null ? void 0 : a.page) ?? "page";
   if (r.push(`${d}=${t}`), s != null) {
     const _ = (a == null ? void 0 : a.size) ?? "size";
@@ -545,9 +545,9 @@ const se = (e) => {
     );
     r.push(..._);
   }
-  const l = r.join("&");
-  return l ? `${o}?${l}` : o;
-}, gr = (e, t, n) => {
+  const i = r.join("&");
+  return i ? `${o}?${i}` : o;
+}, yr = (e, t, n) => {
   var a;
   const o = { ...(e == null ? void 0 : e.data) ?? {}, ...t ?? {} };
   if (n != null) {
@@ -555,14 +555,14 @@ const se = (e) => {
     o[c] = n;
   }
   return o;
-}, Xe = (e, t, n, s, o) => {
+}, ze = (e, t, n, s, o) => {
   const { type: a, url: c, method: r, headers: d } = e;
   if (a === "rest") {
-    const l = mr(e, t, n, o), u = gr(e, s, o);
+    const i = xr(e, t, n, o), u = yr(e, s, o);
     return {
       type: "rest",
-      url: l,
-      method: Lt(r),
+      url: i,
+      method: $t(r),
       headers: d,
       data: u
     };
@@ -581,8 +581,8 @@ const se = (e) => {
       }
     };
 };
-async function yr(e, t, n, s, o, a) {
-  var f, m;
+async function pr(e, t, n, s, o, a) {
+  var f, g;
   const c = await o(
     e,
     t,
@@ -591,64 +591,64 @@ async function yr(e, t, n, s, o, a) {
   ), r = (f = c == null ? void 0 : c.data) == null ? void 0 : f.content;
   if ((r == null ? void 0 : r.type) !== "fetch")
     return;
-  const d = r.responseKey ?? n, l = await a(
+  const d = r.responseKey ?? n, i = await a(
     r.dataSource,
     e,
     !1
   ), u = {
-    ...(m = v.getState()[e]) == null ? void 0 : m.entries,
+    ...(g = E.getState()[e]) == null ? void 0 : g.entries,
     [d]: {
-      status: l == null ? void 0 : l.status,
-      content: l == null ? void 0 : l.data
+      status: i == null ? void 0 : i.status,
+      content: i == null ? void 0 : i.data
     }
   };
-  q(e, u);
+  L(e, u);
   const h = await o(
     e,
     t,
     u,
     d
   );
-  h != null && h.data && B(e, h.data);
+  h != null && h.data && q(e, h.data);
 }
 const H = () => {
-  const e = v((d) => d), { callEndpoint: t } = It(), n = async (d, l, u, _, h = !0) => {
+  const e = E((d) => d), { callEndpoint: t } = Dt(), n = async (d, i, u, _, h = !0) => {
     var f;
     try {
-      const m = (f = e[d]) == null ? void 0 : f.apiConfig, y = {
+      const g = (f = e[d]) == null ? void 0 : f.apiConfig, x = {
         state: { ...u },
         triggerKey: _
       };
-      return h && P(d, !0), await $t(
-        m,
+      return h && Z(d, !0), await It(
+        g,
         d,
-        l,
-        y
+        i,
+        x
       );
-    } catch (m) {
-      throw h && P(d, !1), console.error("[getNextUI] Error fetching next UI:", m), m;
+    } catch (g) {
+      throw h && Z(d, !1), console.error("[getNextUI] Error fetching next UI:", g), g;
     }
-  }, s = (d, l) => {
+  }, s = (d, i) => {
     const { url: u, headers: _, data: h, params: f } = d;
-    switch (Lt(d.method)) {
+    switch ($t(d.method)) {
       case "post":
-        return Be(u, _, h, {}, !1, l);
+        return qe(u, _, h, {}, !1, i);
       case "put":
-        return _r(u, _, h, {}, !1, l);
+        return fr(u, _, h, {}, !1, i);
       case "patch":
-        return hr(u, _, h, {}, !1, l);
+        return gr(u, _, h, {}, !1, i);
       case "delete":
-        return fr(u, _, h, f, !1, l);
+        return mr(u, _, h, f, !1, i);
       case "get":
       default:
-        return ur(u, _, f, !1, l);
+        return hr(u, _, f, !1, i);
     }
-  }, o = (d, l) => {
+  }, o = (d, i) => {
     const { url: u, headers: _ } = d, h = {
       query: d == null ? void 0 : d.query,
       variables: (d == null ? void 0 : d.variables) || {}
     };
-    return Be(
+    return qe(
       u,
       {
         ..._,
@@ -657,75 +657,75 @@ const H = () => {
       h,
       {},
       !1,
-      l
+      i
     );
-  }, a = async (d, l, u = !0) => {
+  }, a = async (d, i, u = !0) => {
     var _, h;
     if (!d) {
       console.warn("[fetchDataSource] Invalid or missing dataSource");
       return;
     }
-    u && P(l, !0);
+    u && Z(i, !0);
     try {
       let f;
       switch (d == null ? void 0 : d.type) {
         case "rest":
-          f = s(d, l);
+          f = s(d, i);
           break;
         case "graphql":
-          f = o(d, l);
+          f = o(d, i);
           break;
         default:
           throw new Error("[fetchDataSource] Unsupported data source type");
       }
       return await t(f);
     } catch (f) {
-      const m = f;
-      return console.error("[fetchDataSource] Error:", m), {
-        status: ((_ = m == null ? void 0 : m.response) == null ? void 0 : _.status) ?? 0,
-        data: ((h = m == null ? void 0 : m.response) == null ? void 0 : h.data) ?? {
-          message: m == null ? void 0 : m.message,
-          code: m == null ? void 0 : m.code,
-          config: m == null ? void 0 : m.config
+      const g = f;
+      return console.error("[fetchDataSource] Error:", g), {
+        status: ((_ = g == null ? void 0 : g.response) == null ? void 0 : _.status) ?? 0,
+        data: ((h = g == null ? void 0 : g.response) == null ? void 0 : h.data) ?? {
+          message: g == null ? void 0 : g.message,
+          code: g == null ? void 0 : g.code,
+          config: g == null ? void 0 : g.config
         }
       };
     } finally {
-      u && P(l, !1);
+      u && Z(i, !1);
     }
   };
   return {
     getNextUI: n,
     fetchDataSource: a,
-    fetchAndGetNextUI: async (d, l, u, _, h) => {
+    fetchAndGetNextUI: async (d, i, u, _, h) => {
       try {
-        P(d, !0);
+        Z(d, !0);
         const f = await a(h, d, !1);
         return f && await n(
           d,
-          l,
+          i,
           u,
           _
         );
       } catch (f) {
-        throw P(d, !1), console.error(
+        throw Z(d, !1), console.error(
           "[fetchAndGetNextUI] Error fetching and navigating:",
           f
         ), f;
       }
     },
-    runGetDataSource: (d, l, u, _) => yr(
+    runGetDataSource: (d, i, u, _) => pr(
       d,
-      l,
+      i,
       u,
       _,
       n,
       a
     )
   };
-}, xr = "_accordion_1ri2t_1", pr = "_accordionBody_1ri2t_8", ft = {
-  accordion: xr,
-  accordionBody: pr
-}, br = (e) => {
+}, br = "_accordion_1ri2t_1", Cr = "_accordionBody_1ri2t_8", ht = {
+  accordion: br,
+  accordionBody: Cr
+}, jr = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -735,64 +735,64 @@ const H = () => {
     actionContent: c,
     components: r,
     ...d
-  } = e, { getNextUI: l } = H(), [u, _] = S(
+  } = e, { getNextUI: i } = H(), [u, _] = O(
     d.checkboxChecked || !1
-  ), { disabled: h } = $(
+  ), { disabled: h } = I(
     t,
     o
-  ), f = T(t, n, r), m = c ? T(t, n, c) : void 0, y = a ? T(t, n, a) : void 0, g = O(
+  ), f = T(t, n, r), g = c ? T(t, n, c) : void 0, x = a ? T(t, n, a) : void 0, m = S(
     async (p) => {
-      var w;
+      var N;
       try {
         const b = p.target.checked;
         _(b);
-        const C = {
-          ...(w = v.getState()[t]) == null ? void 0 : w.entries,
+        const j = {
+          ...(N = E.getState()[t]) == null ? void 0 : N.entries,
           [s]: b
         };
-        if (q(t, C), d.actionType === "GO_TO_NEXT_UI") {
-          const N = await l(
+        if (L(t, j), d.actionType === "GO_TO_NEXT_UI") {
+          const w = await i(
             t,
             n,
-            C,
+            j,
             s
           );
-          N != null && N.data && B(t, N == null ? void 0 : N.data);
+          w != null && w.data && q(t, w == null ? void 0 : w.data);
         }
       } catch (b) {
         console.error("Error in accordion checkbox action:", b), alert(JSON.stringify(b));
       }
     },
-    [t, n, s, d.actionType, l]
-  ), x = d.disabled || h, j = {
+    [t, n, s, d.actionType, i]
+  ), y = d.disabled || h, C = {
     ...d,
-    className: ft.accordion,
-    disabled: x,
+    className: ht.accordion,
+    disabled: y,
     checkboxChecked: u,
-    onChanceCheckbox: d.hasCheckbox ? g : void 0,
-    actionContent: m ? /* @__PURE__ */ i.jsx(i.Fragment, { children: m.map((p, w) => /* @__PURE__ */ i.jsx(A, { children: p }, `accordion-action-${w}`)) }) : void 0,
-    customContent: y ? /* @__PURE__ */ i.jsx(i.Fragment, { children: y.map((p, w) => /* @__PURE__ */ i.jsx(A, { children: p }, `accordion-custom-${w}`)) }) : void 0,
-    children: f ? /* @__PURE__ */ i.jsx("section", { className: ft.accordionBody, children: f.map((p, w) => /* @__PURE__ */ i.jsx(A, { children: p }, `accordion-child-${w}`)) }) : void 0
+    onChanceCheckbox: d.hasCheckbox ? m : void 0,
+    actionContent: g ? /* @__PURE__ */ l.jsx(l.Fragment, { children: g.map((p, N) => /* @__PURE__ */ l.jsx(k, { children: p }, `accordion-action-${N}`)) }) : void 0,
+    customContent: x ? /* @__PURE__ */ l.jsx(l.Fragment, { children: x.map((p, N) => /* @__PURE__ */ l.jsx(k, { children: p }, `accordion-custom-${N}`)) }) : void 0,
+    children: f ? /* @__PURE__ */ l.jsx("section", { className: ht.accordionBody, children: f.map((p, N) => /* @__PURE__ */ l.jsx(k, { children: p }, `accordion-child-${N}`)) }) : void 0
   };
-  return /* @__PURE__ */ i.jsx(nn, { ...j });
-}, jr = (e) => {
-  const t = fe.useThemeStore((c) => c.theme.mode), n = e.dataSource, s = k(() => ({
+  return /* @__PURE__ */ l.jsx(tn, { ...C });
+}, wr = (e) => {
+  const t = ue.useThemeStore((c) => c.theme.mode), n = e.dataSource, s = A(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     params: n == null ? void 0 : n.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, n == null ? void 0 : n.data]), o = e.locale ?? "en", a = k(() => {
-    var r, d, l, u, _;
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, n == null ? void 0 : n.data]), o = e.locale ?? "en", a = A(() => {
+    var r, d, i, u, _;
     const c = {
       title: (r = e == null ? void 0 : e.translations) == null ? void 0 : r.title,
       welcomeTitle: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.welcomeTitle,
-      welcomeDescription: (l = e == null ? void 0 : e.translations) == null ? void 0 : l.welcomeDescription,
+      welcomeDescription: (i = e == null ? void 0 : e.translations) == null ? void 0 : i.welcomeDescription,
       placeholder: (u = e == null ? void 0 : e.translations) == null ? void 0 : u.placeholder,
       disclaimer: (_ = e == null ? void 0 : e.translations) == null ? void 0 : _.disclaimer
     };
     return Object.fromEntries(Object.entries(c).filter(([, h]) => !!h));
   }, [e == null ? void 0 : e.translations]);
-  return U(() => {
+  return G(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: s,
       locale: o,
@@ -807,8 +807,8 @@ const H = () => {
     a,
     e.initialSuggestions,
     t
-  ]), e.onResolveProps ? null : /* @__PURE__ */ i.jsx(
-    In,
+  ]), e.onResolveProps ? null : /* @__PURE__ */ l.jsx(
+    $n,
     {
       dataSource: s,
       locale: o,
@@ -817,9 +817,9 @@ const H = () => {
       theme: t
     }
   );
-}, Cr = "_promptCodeEditor_1d57s_1", Nr = {
-  promptCodeEditor: Cr
-}, wr = (e) => {
+}, Nr = "_promptCodeEditor_1d57s_1", Er = {
+  promptCodeEditor: Nr
+}, vr = (e) => {
   const {
     userFlow: t,
     responseKey: n,
@@ -829,50 +829,50 @@ const H = () => {
     dependencies: c,
     dataSource: r,
     inputLabel: d,
-    inputPlaceholder: l,
+    inputPlaceholder: i,
     codeBlockLabel: u
-  } = e, _ = fe.useThemeStore((p) => p.theme.mode), [h, f] = S(
+  } = e, _ = ue.useThemeStore((p) => p.theme.mode), [h, f] = O(
     s || ""
-  ), { disabled: m } = $(
+  ), { disabled: g } = I(
     t,
     c
-  ), y = a ?? m, g = o ?? "json", x = {
+  ), x = a ?? g, m = o ?? "json", y = {
     url: (r == null ? void 0 : r.url) || "",
     method: (r == null ? void 0 : r.method) || "post",
     headers: r == null ? void 0 : r.headers,
     body: r == null ? void 0 : r.data
-  }, j = (p) => {
+  }, C = (p) => {
     f(p);
-    const w = {
+    const N = {
       [n]: p
     };
-    q(t, w);
+    L(t, N);
   };
-  return U(() => {
+  return G(() => {
     s !== void 0 && s !== h && f(s);
-  }, [s]), /* @__PURE__ */ i.jsx("section", { className: Nr.promptCodeEditor, children: /* @__PURE__ */ i.jsx(
-    $n,
+  }, [s]), /* @__PURE__ */ l.jsx("section", { className: Er.promptCodeEditor, children: /* @__PURE__ */ l.jsx(
+    Ln,
     {
       themeMode: _,
-      requestConfig: x,
-      language: g,
-      disabled: y,
+      requestConfig: y,
+      language: m,
+      disabled: x,
       inputLabel: d,
-      inputPlaceholder: l,
+      inputPlaceholder: i,
       codeBlockLabel: u,
       codeBlockValue: h,
-      onCodeChange: j
+      onCodeChange: C
     }
   ) });
-}, vr = "_summaryCard_jva4h_1", Er = {
-  summaryCard: vr
-}, Tr = (e) => {
-  const t = e.dataSource, n = k(() => ({
+}, Tr = "_summaryCard_jva4h_1", Ar = {
+  summaryCard: Tr
+}, Sr = (e) => {
+  const t = e.dataSource, n = A(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     body: t == null ? void 0 : t.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), s = e.locale ?? "en", o = k(() => {
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), s = e.locale ?? "en", o = A(() => {
     var c, r, d;
     const a = {
       title: (c = e == null ? void 0 : e.translations) == null ? void 0 : c.title,
@@ -880,17 +880,17 @@ const H = () => {
       noData: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.noData
     };
     return Object.fromEntries(
-      Object.entries(a).filter(([, l]) => !!l)
+      Object.entries(a).filter(([, i]) => !!i)
     );
   }, [e == null ? void 0 : e.translations]);
-  return U(() => {
+  return G(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: n,
       locale: s,
       translations: o
     });
-  }, [e.onResolveProps, n, s, o]), e.onResolveProps ? null : /* @__PURE__ */ i.jsx("section", { className: Er.summaryCard, children: /* @__PURE__ */ i.jsx(
-    Ln,
+  }, [e.onResolveProps, n, s, o]), e.onResolveProps ? null : /* @__PURE__ */ l.jsx("section", { className: Ar.summaryCard, children: /* @__PURE__ */ l.jsx(
+    qn,
     {
       dataSource: n,
       locale: s,
@@ -904,9 +904,9 @@ var Re = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var mt;
-function Ar() {
-  return mt || (mt = 1, (function(e) {
+var ft;
+function kr() {
+  return ft || (ft = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
@@ -937,15 +937,15 @@ function Ar() {
     })();
   })(Re)), Re.exports;
 }
-var kr = Ar();
-const J = /* @__PURE__ */ or(kr), Sr = "_body_6n5z9_1", Or = "_body__embedded_6n5z9_5", Dr = "_body_content_6n5z9_8", Ie = {
-  body: Sr,
-  body__embedded: Or,
-  body_content: Dr
-}, Rr = ({ inputs: e, embedded: t }) => /* @__PURE__ */ i.jsx("section", { className: J(Ie.body, t && Ie.body__embedded), children: /* @__PURE__ */ i.jsx("div", { className: Ie.body_content, children: e.map((n, s) => /* @__PURE__ */ i.jsx(A, { children: n }, s)) }) }), Ir = "_boxNotFront_67q2e_1", $r = "_slotStack_67q2e_5", gt = {
-  boxNotFront: Ir,
-  slotStack: $r
-}, Lr = (e) => {
+var Or = kr();
+const J = /* @__PURE__ */ cr(Or), Rr = "_body_6n5z9_1", Dr = "_body__embedded_6n5z9_5", Ir = "_body_content_6n5z9_8", De = {
+  body: Rr,
+  body__embedded: Dr,
+  body_content: Ir
+}, $r = ({ inputs: e, embedded: t }) => /* @__PURE__ */ l.jsx("section", { className: J(De.body, t && De.body__embedded), children: /* @__PURE__ */ l.jsx("div", { className: De.body_content, children: e.map((n, s) => /* @__PURE__ */ l.jsx(k, { children: n }, s)) }) }), Lr = "_boxNotFront_67q2e_1", qr = "_slotStack_67q2e_5", gt = {
+  boxNotFront: Lr,
+  slotStack: qr
+}, Br = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -953,20 +953,20 @@ const J = /* @__PURE__ */ or(kr), Sr = "_body_6n5z9_1", Or = "_body__embedded_6n
     hash: o,
     responseKey: a,
     content: c
-  } = e, r = fe.useThemeStore((u) => u.theme.mode) === "dark", d = T(
+  } = e, r = ue.useThemeStore((u) => u.theme.mode) === "dark", d = T(
     t,
     n,
     c != null && c.length ? c : null
-  ), l = d && d.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: gt.slotStack, children: d.map((u, _) => /* @__PURE__ */ i.jsx(A, { children: u }, `box-${o}-${_}`)) }) : null;
-  return /* @__PURE__ */ i.jsx(rn, { className: gt.boxNotFront, darkMode: r, children: l });
-}, qr = "_fieldset_1xrth_1", Br = "_fieldsetColumn_1xrth_8", Hr = "_legend_1xrth_14", Kr = "_options_1xrth_20", Ur = "_optionsRow_1xrth_25", Gr = "_optionsColumn_1xrth_36", ee = {
-  fieldset: qr,
-  fieldsetColumn: Br,
-  legend: Hr,
-  options: Kr,
-  optionsRow: Ur,
-  optionsColumn: Gr
-}, Mr = (e) => {
+  ), i = d && d.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: gt.slotStack, children: d.map((u, _) => /* @__PURE__ */ l.jsx(k, { children: u }, `box-${o}-${_}`)) }) : null;
+  return /* @__PURE__ */ l.jsx(nn, { className: gt.boxNotFront, darkMode: r, children: i });
+}, Hr = "_fieldset_1xrth_1", Ur = "_fieldsetColumn_1xrth_8", Gr = "_legend_1xrth_14", Mr = "_options_1xrth_20", Kr = "_optionsRow_1xrth_25", Vr = "_optionsColumn_1xrth_36", F = {
+  fieldset: Hr,
+  fieldsetColumn: Ur,
+  legend: Gr,
+  options: Mr,
+  optionsRow: Kr,
+  optionsColumn: Vr
+}, zr = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -976,34 +976,34 @@ const J = /* @__PURE__ */ or(kr), Sr = "_body_6n5z9_1", Or = "_body__embedded_6n
     required: c,
     actionType: r,
     dependencies: d,
-    direction: l,
+    direction: i,
     items: u
-  } = e, _ = l === "column" ? "column" : "row", { getNextUI: h } = H(), { disabled: f } = $(
+  } = e, _ = i === "column" ? "column" : "row", { getNextUI: h } = H(), { disabled: f } = I(
     t,
     d
-  ), m = v(
+  ), g = E(
     (p) => {
-      var w, b;
-      return (b = (w = p[t]) == null ? void 0 : w.entries) == null ? void 0 : b[s];
+      var N, b;
+      return (b = (N = p[t]) == null ? void 0 : N.entries) == null ? void 0 : b[s];
     }
-  ), y = m != null ? String(m) : a ?? "", g = f, x = k(() => o ? c ? `${o} *` : o : null, [o, c]), j = O(
+  ), x = g != null ? String(g) : a ?? "", m = f, y = A(() => o ? c ? `${o} *` : o : null, [o, c]), C = S(
     async (p) => {
-      var w;
-      if (!g)
+      var N;
+      if (!m)
         try {
           const b = {
-            ...(w = v.getState()[t]) == null ? void 0 : w.entries,
+            ...(N = E.getState()[t]) == null ? void 0 : N.entries,
             [s]: p
           };
-          if (q(t, b), r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
-            const E = await h(
+          if (L(t, b), r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
+            const v = await h(
               t,
               n,
               b,
               s,
               r === "GO_TO_NEXT_UI"
             );
-            E != null && E.data && B(t, E == null ? void 0 : E.data);
+            v != null && v.data && q(t, v == null ? void 0 : v.data);
           }
         } catch (b) {
           alert(JSON.stringify(b));
@@ -1012,38 +1012,38 @@ const J = /* @__PURE__ */ or(kr), Sr = "_body_6n5z9_1", Or = "_body__embedded_6n
     [
       r,
       h,
-      g,
+      m,
       n,
       s,
       t
     ]
   );
-  return /* @__PURE__ */ i.jsxs(
+  return /* @__PURE__ */ l.jsxs(
     "fieldset",
     {
       className: J(
-        ee.fieldset,
-        _ === "column" && ee.fieldsetColumn
+        F.fieldset,
+        _ === "column" && F.fieldsetColumn
       ),
       children: [
-        x ? /* @__PURE__ */ i.jsx("legend", { className: ee.legend, children: x }) : null,
-        /* @__PURE__ */ i.jsx(
+        y ? /* @__PURE__ */ l.jsx("legend", { className: F.legend, children: y }) : null,
+        /* @__PURE__ */ l.jsx(
           "div",
           {
             className: J(
-              ee.options,
-              _ === "column" ? ee.optionsColumn : ee.optionsRow
+              F.options,
+              _ === "column" ? F.optionsColumn : F.optionsRow
             ),
-            children: u.map((p) => /* @__PURE__ */ i.jsx(
-              sn,
+            children: u.map((p) => /* @__PURE__ */ l.jsx(
+              rn,
               {
                 name: s,
                 value: p.value,
-                checked: y === p.value,
-                disabled: g || p.disabled,
+                checked: x === p.value,
+                disabled: m || p.disabled,
                 labelRight: p.label,
                 onChange: () => {
-                  j(p.value);
+                  C(p.value);
                 }
               },
               p.value
@@ -1053,7 +1053,7 @@ const J = /* @__PURE__ */ or(kr), Sr = "_body_6n5z9_1", Or = "_body__embedded_6n
       ]
     }
   );
-}, Vr = ({
+}, Xr = ({
   userFlow: e,
   pageId: t,
   component: n,
@@ -1062,7 +1062,7 @@ const J = /* @__PURE__ */ or(kr), Sr = "_body_6n5z9_1", Or = "_body__embedded_6n
   items: a,
   itemActive: c,
   darkMode: r
-}) => /* @__PURE__ */ i.jsx(on, { items: a, itemActive: c, darkMode: r }), zr = ({
+}) => /* @__PURE__ */ l.jsx(sn, { items: a, itemActive: c, darkMode: r }), Jr = ({
   userFlow: e,
   pageId: t,
   component: n,
@@ -1071,38 +1071,38 @@ const J = /* @__PURE__ */ or(kr), Sr = "_body_6n5z9_1", Or = "_body__embedded_6n
   total: a,
   done: c,
   inProgress: r
-}) => /* @__PURE__ */ i.jsx(an, { total: a, done: c, inProgress: r }), We = (e, t) => {
+}) => /* @__PURE__ */ l.jsx(on, { total: a, done: c, inProgress: r }), Xe = (e, t) => {
   const { getNextUI: n } = H();
-  return O(
+  return S(
     async ({ hashCode: s, responseKey: o }) => {
       var a;
       try {
         const c = await n(
           e,
           s,
-          { ...(a = v.getState()[e]) == null ? void 0 : a.entries },
+          { ...(a = E.getState()[e]) == null ? void 0 : a.entries },
           o ?? t
         );
-        c != null && c.data && B(e, c.data);
+        c != null && c.data && q(e, c.data);
       } catch (c) {
         alert(JSON.stringify(c));
       }
     },
     [t, n, e]
   );
-}, Xr = ({
+}, Wr = ({
   userFlow: e,
   items: t,
   responseKey: n
 }) => {
-  const s = We(
+  const s = Xe(
     e,
     n
-  ), o = k(
+  ), o = A(
     () => t.map((a, c) => c === t.length - 1 ? { title: a.title } : a.actionType === "REDIRECT" ? { title: a.title, path: a.redirectUrl } : a.actionType === "GO_TO_NEXT_UI" ? {
       title: a.title,
       path: "#",
-      component: /* @__PURE__ */ i.jsx(
+      component: /* @__PURE__ */ l.jsx(
         "a",
         {
           onClick: (r) => {
@@ -1113,61 +1113,61 @@ const J = /* @__PURE__ */ or(kr), Sr = "_body_6n5z9_1", Or = "_body__embedded_6n
     } : { title: a.title }),
     [t, s]
   );
-  return /* @__PURE__ */ i.jsx(cn, { items: o });
+  return /* @__PURE__ */ l.jsx(an, { items: o });
 };
-function oe(e, t) {
+function te(e, t) {
   const { getNextUI: n, fetchDataSource: s, fetchAndGetNextUI: o, runGetDataSource: a } = H();
-  return O(
+  return S(
     async (c) => {
-      var f, m;
-      const { responseKey: r, actionType: d, dataSource: l, redirectUrl: u, dependencies: _ } = c, h = (f = v.getState()[e]) == null ? void 0 : f.entries;
+      var f, g;
+      const { responseKey: r, actionType: d, dataSource: i, redirectUrl: u, dependencies: _ } = c, h = (f = E.getState()[e]) == null ? void 0 : f.entries;
       if (!Rt(h, _))
         try {
-          const y = {
-            ...(m = v.getState()[e]) == null ? void 0 : m.entries,
+          const x = {
+            ...(g = E.getState()[e]) == null ? void 0 : g.entries,
             [r]: { status: 200 }
           };
-          switch (q(e, y), d) {
+          switch (L(e, x), d) {
             case "CLOSE_MODAL":
-              ze(e, !1);
+              Ve(e, !1);
               break;
             case "CLOSE_DRAWER":
-              _e(e, !1);
+              ie(e, !1);
               break;
             case "OPEN_DRAWER":
-              _e(e, !0);
+              ie(e, !0);
               break;
             case "GO_TO_NEXT_UI": {
-              const g = await n(
+              const m = await n(
                 e,
                 t,
-                y,
+                x,
                 r
               );
-              g != null && g.data && B(e, g == null ? void 0 : g.data);
+              m != null && m.data && q(e, m == null ? void 0 : m.data);
               break;
             }
             case "FETCH_AND_GO_TO_NEXT_UI": {
-              const g = await o(
+              const m = await o(
                 e,
                 t,
-                y,
+                x,
                 r,
-                l
+                i
               );
-              g != null && g.data && B(e, g == null ? void 0 : g.data);
+              m != null && m.data && q(e, m == null ? void 0 : m.data);
               break;
             }
             case "FETCH_DATA_SOURCE": {
-              const g = await s(
-                l,
+              const m = await s(
+                i,
                 e,
                 !1
               );
-              q(e, {
+              L(e, {
                 [r]: {
-                  status: g == null ? void 0 : g.status,
-                  content: g == null ? void 0 : g.data
+                  status: m == null ? void 0 : m.status,
+                  content: m == null ? void 0 : m.data
                 }
               });
               break;
@@ -1177,7 +1177,7 @@ function oe(e, t) {
                 e,
                 t,
                 r,
-                y
+                x
               );
               break;
             }
@@ -1187,8 +1187,8 @@ function oe(e, t) {
             default:
               console.warn(`Unhandled actionType: ${d}`);
           }
-        } catch (y) {
-          alert(JSON.stringify(y));
+        } catch (x) {
+          alert(JSON.stringify(x));
         }
     },
     [
@@ -1201,7 +1201,7 @@ function oe(e, t) {
     ]
   );
 }
-const Wr = (e) => {
+const Yr = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -1211,53 +1211,53 @@ const Wr = (e) => {
     content: c,
     dataSource: r,
     redirectUrl: d,
-    dependencies: l,
+    dependencies: i,
     onClick: u,
     ..._
-  } = e, h = oe(t, n), { disabled: f } = $(
+  } = e, h = te(t, n), { disabled: f } = I(
     t,
-    l
-  ), m = {
+    i
+  ), g = {
     ..._,
     children: c ?? a
-  }, y = (m == null ? void 0 : m.disabled) ?? f, [g, x] = S(!1), j = he(!1), p = O(async () => {
-    if (j.current)
+  }, x = (g == null ? void 0 : g.disabled) ?? f, [m, y] = O(!1), C = de(!1), p = S(async () => {
+    if (C.current)
       return;
-    const w = o === "FETCH_DATA_SOURCE";
-    w && (j.current = !0, x(!0));
+    const N = o === "FETCH_DATA_SOURCE";
+    N && (C.current = !0, y(!0));
     try {
       await h({
         responseKey: s,
         actionType: o,
         dataSource: r,
         redirectUrl: d,
-        dependencies: l
+        dependencies: i
       });
     } catch (b) {
       console.error("[ButtonNotFront] Action failed:", b);
     } finally {
-      w && (j.current = !1, x(!1));
+      N && (C.current = !1, y(!1));
     }
   }, [
     o,
     r,
-    l,
+    i,
     d,
     s,
     h
   ]);
-  return /* @__PURE__ */ i.jsx(
-    ln,
+  return /* @__PURE__ */ l.jsx(
+    cn,
     {
-      ...m,
-      loading: m.loading || g,
-      disabled: y,
-      onClick: () => !y && !g && (u ?? p)()
+      ...g,
+      loading: g.loading || m,
+      disabled: x,
+      onClick: () => !x && !m && (u ?? p)()
     }
   );
-}, Jr = "_slotStack_12u4t_5", He = {
-  slotStack: Jr
-}, Yr = (e) => {
+}, Qr = "_slotStack_12u4t_5", Be = {
+  slotStack: Qr
+}, Zr = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -1267,8 +1267,8 @@ const Wr = (e) => {
     dependencies: c,
     content: r,
     actionContent: d,
-    ...l
-  } = e, { disabled: u } = $(
+    ...i
+  } = e, { disabled: u } = I(
     t,
     c
   ), _ = T(
@@ -1279,20 +1279,20 @@ const Wr = (e) => {
     t,
     n,
     d && d.length > 0 ? d : null
-  ), f = _ && _.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: He.slotStack, children: _.map((g, x) => /* @__PURE__ */ i.jsx(A, { children: g }, `card-accordion-body-${o}-${x}`)) }) : void 0, m = h && h.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: He.slotStack, children: h.map((g, x) => /* @__PURE__ */ i.jsx(A, { children: g }, `card-accordion-actions-${o}-${x}`)) }) : void 0, y = l.disabled || u;
-  return /* @__PURE__ */ i.jsx(
-    dn,
+  ), f = _ && _.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: Be.slotStack, children: _.map((m, y) => /* @__PURE__ */ l.jsx(k, { children: m }, `card-accordion-body-${o}-${y}`)) }) : void 0, g = h && h.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: Be.slotStack, children: h.map((m, y) => /* @__PURE__ */ l.jsx(k, { children: m }, `card-accordion-actions-${o}-${y}`)) }) : void 0, x = i.disabled || u;
+  return /* @__PURE__ */ l.jsx(
+    ln,
     {
-      ...l,
-      disabled: y,
-      actionContent: m,
+      ...i,
+      disabled: x,
+      actionContent: g,
       children: f ?? null
     }
   );
-}, Qr = "_cardNotFront_2xt48_1", Zr = "_slotStack_2xt48_5", yt = {
-  cardNotFront: Qr,
-  slotStack: Zr
-}, Fr = (e) => {
+}, Fr = "_cardNotFront_2xt48_1", Pr = "_slotStack_2xt48_5", mt = {
+  cardNotFront: Fr,
+  slotStack: Pr
+}, es = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -1302,64 +1302,64 @@ const Wr = (e) => {
     content: c,
     colorId: r,
     disabled: d,
-    actionType: l,
+    actionType: i,
     dataSource: u,
     redirectUrl: _,
     dependencies: h
-  } = e, { getNextUI: f, fetchDataSource: m, fetchAndGetNextUI: y, runGetDataSource: g } = H(), { disabled: x } = $(
+  } = e, { getNextUI: f, fetchDataSource: g, fetchAndGetNextUI: x, runGetDataSource: m } = H(), { disabled: y } = I(
     t,
     h
-  ), j = d ?? x, p = T(
+  ), C = d ?? y, p = T(
     t,
     n,
     c && c.length > 0 ? c : null
-  ), w = p && p.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: yt.slotStack, children: p.map((C, N) => /* @__PURE__ */ i.jsx(A, { children: C }, `card-body-${o}-${N}`)) }) : null, b = O(async () => {
-    var C;
-    if (!(!l || j))
+  ), N = p && p.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: mt.slotStack, children: p.map((j, w) => /* @__PURE__ */ l.jsx(k, { children: j }, `card-body-${o}-${w}`)) }) : null, b = S(async () => {
+    var j;
+    if (!(!i || C))
       try {
-        const N = {
-          ...(C = v.getState()[t]) == null ? void 0 : C.entries,
+        const w = {
+          ...(j = E.getState()[t]) == null ? void 0 : j.entries,
           [a]: { status: 200 }
         };
-        switch (q(t, N), l) {
+        switch (L(t, w), i) {
           case "CLOSE_MODAL":
-            ze(t, !1);
+            Ve(t, !1);
             break;
           case "CLOSE_DRAWER":
-            _e(t, !1);
+            ie(t, !1);
             break;
           case "OPEN_DRAWER":
-            _e(t, !0);
+            ie(t, !0);
             break;
           case "GO_TO_NEXT_UI":
           case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-            const D = await f(
+            const R = await f(
               t,
               n,
-              N,
+              w,
               a,
-              l === "GO_TO_NEXT_UI"
+              i === "GO_TO_NEXT_UI"
             );
-            D != null && D.data && B(t, D == null ? void 0 : D.data);
+            R != null && R.data && q(t, R == null ? void 0 : R.data);
             break;
           }
           case "FETCH_AND_GO_TO_NEXT_UI": {
-            const E = await y(
+            const v = await x(
               t,
               n,
-              N,
+              w,
               a,
               u
             );
-            E != null && E.data && B(t, E == null ? void 0 : E.data);
+            v != null && v.data && q(t, v == null ? void 0 : v.data);
             break;
           }
           case "GET_DATA_SOURCE": {
-            await g(
+            await m(
               t,
               n,
               a,
-              N
+              w
             );
             break;
           }
@@ -1367,35 +1367,35 @@ const Wr = (e) => {
             _ && (window.location.href = _);
             break;
           default:
-            console.warn(`Unhandled card actionType: ${l}`);
+            console.warn(`Unhandled card actionType: ${i}`);
         }
-      } catch (N) {
-        alert(JSON.stringify(N));
+      } catch (w) {
+        alert(JSON.stringify(w));
       }
   }, [
-    l,
+    i,
     u,
-    j,
-    y,
-    m,
+    C,
+    x,
+    g,
     f,
     n,
     _,
     a,
-    g,
+    m,
     t
   ]);
-  return /* @__PURE__ */ i.jsx(
-    un,
+  return /* @__PURE__ */ l.jsx(
+    dn,
     {
-      className: yt.cardNotFront,
+      className: mt.cardNotFront,
       colorId: r,
-      disabled: j,
-      onClick: l && !j ? () => void b() : void 0,
-      children: w
+      disabled: C,
+      onClick: i && !C ? () => void b() : void 0,
+      children: N
     }
   );
-}, Pr = (e) => {
+}, ts = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -1405,25 +1405,25 @@ const Wr = (e) => {
     content: c,
     description: r,
     ...d
-  } = e, l = Array.isArray(c), u = T(
+  } = e, i = Array.isArray(c), u = T(
     t,
     n,
-    l && c.length > 0 ? c : null
+    i && c.length > 0 ? c : null
   );
   let _;
-  return u && u.length > 0 ? _ = /* @__PURE__ */ i.jsxs("div", { className: He.slotStack, children: [
-    r ? /* @__PURE__ */ i.jsx(vt, { type: "sm", children: r }) : null,
-    u.map((h, f) => /* @__PURE__ */ i.jsx(A, { children: h }, `card-notification-body-${o}-${f}`))
-  ] }) : _ = (typeof c == "string" ? c : void 0) ?? r, /* @__PURE__ */ i.jsx(je, { ...d, children: _ });
-}, $e = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, es = (e, t) => {
+  return u && u.length > 0 ? _ = /* @__PURE__ */ l.jsxs("div", { className: Be.slotStack, children: [
+    r ? /* @__PURE__ */ l.jsx(Nt, { type: "sm", children: r }) : null,
+    u.map((h, f) => /* @__PURE__ */ l.jsx(k, { children: h }, `card-notification-body-${o}-${f}`))
+  ] }) : _ = (typeof c == "string" ? c : void 0) ?? r, /* @__PURE__ */ l.jsx(ye, { ...d, children: _ });
+}, Ie = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, ns = (e, t) => {
   if (!t || e == null)
     return null;
-  const { extractionJsonPath: n, injectionJsonPath: s } = t, o = L.value(e, n);
+  const { extractionJsonPath: n, injectionJsonPath: s } = t, o = $.value(e, n);
   if (o == null)
     return null;
   try {
     const a = {};
-    return L.value(a, s, o), a;
+    return $.value(a, s, o), a;
   } catch (a) {
     return console.warn(
       "[buildCursorPayload] invalid injectionJsonPath:",
@@ -1431,35 +1431,35 @@ const Wr = (e) => {
       a
     ), null;
   }
-}, qt = (e, t, n, s) => {
-  const o = L.query(e, t), a = o == null ? void 0 : o.map((u) => {
+}, Lt = (e, t, n, s) => {
+  const o = $.query(e, t), a = o == null ? void 0 : o.map((u) => {
     var _, h;
     if (n) {
       const f = {};
-      for (const [m, y] of Object.entries(n))
-        if (typeof y == "object" && "path" in y) {
-          const g = y, x = (_ = L.query(u, g.path)) == null ? void 0 : _[0];
-          g.translations && String(x) in g.translations ? f[m] = $e(
-            g.translations[String(x)]
-          ) : f[m] = $e(x);
+      for (const [g, x] of Object.entries(n))
+        if (typeof x == "object" && "path" in x) {
+          const m = x, y = (_ = $.query(u, m.path)) == null ? void 0 : _[0];
+          m.translations && String(y) in m.translations ? f[g] = Ie(
+            m.translations[String(y)]
+          ) : f[g] = Ie(y);
         } else {
-          const g = y;
-          f[m] = $e((h = L.query(u, g)) == null ? void 0 : h[0]);
+          const m = x;
+          f[g] = Ie((h = $.query(u, m)) == null ? void 0 : h[0]);
         }
       return f;
     } else
       return u;
-  }), c = L.value(e, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? o.length, r = L.value(e, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, d = s != null && s.hasMore ? !!L.value(e, s.hasMore) : void 0, l = {
+  }), c = $.value(e, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? o.length, r = $.value(e, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, d = s != null && s.hasMore ? !!$.value(e, s.hasMore) : void 0, i = {
     size: c,
     total: r,
-    totalPages: s != null && s.totalPages ? L.value(
+    totalPages: s != null && s.totalPages ? $.value(
       e,
       (s == null ? void 0 : s.totalPages) ?? "$.meta.totalPages"
     ) : c > 0 ? Math.ceil(r / c) : 0,
     ...d !== void 0 ? { hasMore: d } : {}
   };
-  return { items: a, pagination: l };
-}, ae = ({
+  return { items: a, pagination: i };
+}, je = ({
   width: e,
   height: t,
   layout: n,
@@ -1467,22 +1467,22 @@ const Wr = (e) => {
   Chart: o,
   children: a
 }) => {
-  const c = t ?? ne, r = n ? { layout: n } : {};
-  return e ? /* @__PURE__ */ i.jsx(o, { width: e, height: c, data: s, ...r, children: a }) : /* @__PURE__ */ i.jsx(kt, { width: "100%", height: c, children: /* @__PURE__ */ i.jsx(o, { data: s, ...r, children: a }) });
-}, z = ({ withPadding: e = !1 }) => {
-  const t = (n) => /* @__PURE__ */ i.jsx("span", { style: { color: K.labelColor }, children: n });
-  return /* @__PURE__ */ i.jsx(
-    qn,
+  const c = t ?? z, r = n ? { layout: n } : {};
+  return e ? /* @__PURE__ */ l.jsx(o, { width: e, height: c, data: s, ...r, children: a }) : /* @__PURE__ */ l.jsx(At, { width: "100%", height: c, children: /* @__PURE__ */ l.jsx(o, { data: s, ...r, children: a }) });
+}, ne = ({ withPadding: e = !1 }) => {
+  const t = (n) => /* @__PURE__ */ l.jsx("span", { style: { color: U.labelColor }, children: n });
+  return /* @__PURE__ */ l.jsx(
+    Bn,
     {
       formatter: t,
       wrapperStyle: {
-        fontSize: K.fontSize,
-        fontFamily: K.fontFamily,
+        fontSize: U.fontSize,
+        fontFamily: U.fontFamily,
         padding: e ? "1rem 0" : "0"
       }
     }
   );
-}, ts = ({
+}, rs = ({
   active: e,
   payload: t,
   label: n,
@@ -1493,35 +1493,35 @@ const Wr = (e) => {
   if (!e || !t || !t.length)
     return null;
   const a = {
-    backgroundColor: K.tooltipBg,
-    borderRadius: K.tooltipBorderRadius,
-    color: K.tooltipColor,
+    backgroundColor: U.tooltipBg,
+    borderRadius: U.tooltipBorderRadius,
+    color: U.tooltipColor,
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
   if (s) {
     const h = (u = t[0]) == null ? void 0 : u.payload;
     if (h && h[s] !== void 0 && h[s] !== null)
-      return /* @__PURE__ */ i.jsx("div", { style: a, children: /* @__PURE__ */ i.jsx("p", { style: { margin: 0 }, children: h[s] }) });
+      return /* @__PURE__ */ l.jsx("div", { style: a, children: /* @__PURE__ */ l.jsx("p", { style: { margin: 0 }, children: h[s] }) });
   }
-  const c = (_ = t[0]) == null ? void 0 : _.payload, r = (o == null ? void 0 : o.label) ?? "Cobertura", d = o ? c == null ? void 0 : c[o.denominatorKey] : void 0, l = o && d !== void 0 && d !== null && d > 0;
-  return /* @__PURE__ */ i.jsxs("div", { style: a, children: [
-    /* @__PURE__ */ i.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: n }),
-    t.map((h, f) => /* @__PURE__ */ i.jsx("p", { style: { margin: "2px 0", color: h.color }, children: `${h.name}: ${h.value}` }, f)),
-    l && /* @__PURE__ */ i.jsx("p", { style: { margin: "2px 0" }, children: `${r}: ${Math.round(
+  const c = (_ = t[0]) == null ? void 0 : _.payload, r = (o == null ? void 0 : o.label) ?? "Cobertura", d = o ? c == null ? void 0 : c[o.denominatorKey] : void 0, i = o && d !== void 0 && d !== null && d > 0;
+  return /* @__PURE__ */ l.jsxs("div", { style: a, children: [
+    /* @__PURE__ */ l.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: n }),
+    t.map((h, f) => /* @__PURE__ */ l.jsx("p", { style: { margin: "2px 0", color: h.color }, children: `${h.name}: ${h.value}` }, f)),
+    i && /* @__PURE__ */ l.jsx("p", { style: { margin: "2px 0" }, children: `${r}: ${Math.round(
       c[o.numeratorKey] / d * 100
     )}%` })
   ] });
-}, X = ({
+}, re = ({
   tooltipKey: e,
   tooltipCoverage: t,
   defaultIndex: n
-} = {}) => /* @__PURE__ */ i.jsx(
-  Bn,
+} = {}) => /* @__PURE__ */ l.jsx(
+  Hn,
   {
     defaultIndex: n,
-    content: (s) => /* @__PURE__ */ i.jsx(
-      ts,
+    content: (s) => /* @__PURE__ */ l.jsx(
+      rs,
       {
         ...s,
         tooltipKey: e,
@@ -1529,25 +1529,25 @@ const Wr = (e) => {
       }
     )
   }
-), ce = ({ dataKey: e, hide: t = !1, type: n }) => /* @__PURE__ */ i.jsx(
-  Hn,
+), we = ({ dataKey: e, hide: t = !1, type: n }) => /* @__PURE__ */ l.jsx(
+  Un,
   {
     ...e ? { dataKey: e } : {},
     ...n ? { type: n } : {},
     hide: t,
     tick: {
-      fill: K.labelColor,
-      fontSize: K.fontSize
+      fill: U.labelColor,
+      fontSize: U.fontSize
     }
   }
-), Y = ({
+), le = ({
   type: e,
   dataKey: t,
   width: n,
   yAxisId: s,
   orientation: o
-} = {}) => /* @__PURE__ */ i.jsx(
-  Kn,
+} = {}) => /* @__PURE__ */ l.jsx(
+  Gn,
   {
     ...e ? { type: e } : {},
     ...t ? { dataKey: t } : {},
@@ -1555,50 +1555,62 @@ const Wr = (e) => {
     ...s ? { yAxisId: s } : {},
     ...o ? { orientation: o } : {},
     tick: {
-      fill: K.labelColor,
-      fontSize: K.fontSize
+      fill: U.labelColor,
+      fontSize: U.fontSize
     },
     tickMargin: 4
   }
-), ns = (e) => {
+), ss = (e) => {
   const { data: t, xKey: n, yKeys: s, tooltipKey: o, width: a } = e;
-  return /* @__PURE__ */ i.jsxs(ae, { width: a, data: t, Chart: Un, children: [
-    /* @__PURE__ */ i.jsx(re, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ i.jsx(ce, { dataKey: n }),
-    /* @__PURE__ */ i.jsx(Y, {}),
-    /* @__PURE__ */ i.jsx(X, { tooltipKey: o }),
-    /* @__PURE__ */ i.jsx(z, {}),
-    s.map((c, r) => /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ l.jsxs(je, { width: a, data: t, Chart: Mn, children: [
+    /* @__PURE__ */ l.jsx(Ce, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ l.jsx(we, { dataKey: n }),
+    /* @__PURE__ */ l.jsx(le, {}),
+    /* @__PURE__ */ l.jsx(re, { tooltipKey: o }),
+    /* @__PURE__ */ l.jsx(ne, {}),
+    s.map((c, r) => /* @__PURE__ */ l.jsx(
       St,
       {
         type: "monotone",
         dataKey: c,
-        stroke: I[r % I.length],
-        fill: I[r % I.length]
-      },
-      c
-    ))
-  ] });
-}, rs = (e) => {
-  const { data: t, yKeys: n, xKey: s, tooltipKey: o, width: a } = e;
-  return /* @__PURE__ */ i.jsxs(ae, { width: a, data: t, Chart: Ue, children: [
-    /* @__PURE__ */ i.jsx(re, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ i.jsx(ce, { dataKey: s }),
-    /* @__PURE__ */ i.jsx(Y, {}),
-    /* @__PURE__ */ i.jsx(X, { tooltipKey: o }),
-    /* @__PURE__ */ i.jsx(z, {}),
-    n.map((c, r) => /* @__PURE__ */ i.jsx(
-      we,
-      {
-        dataKey: c,
-        fill: I[r % I.length]
+        stroke: B[r % B.length],
+        fill: B[r % B.length]
       },
       c
     ))
   ] });
+}, os = (e, t) => e.map((n) => ({ key: n, label: (t == null ? void 0 : t[n]) ?? n })), as = (e) => {
+  const {
+    data: t,
+    xKey: n,
+    yKeys: s,
+    yKeyLabels: o,
+    tooltipKey: a,
+    showLegend: c = !0
+  } = e, r = A(
+    () => os(s, o),
+    [s, o]
+  ), d = S(
+    (i) => a ? i[a] : null,
+    [a]
+  );
+  return /* @__PURE__ */ l.jsx(
+    un,
+    {
+      data: t,
+      xKey: n,
+      series: r,
+      label: vs,
+      height: z,
+      showLegend: c,
+      showTooltip: !0,
+      showCursor: !0,
+      renderTooltip: d
+    }
+  );
 };
-var Bt = { NODE_ENV: "production" };
-const ss = (e, t) => {
+var qt = { NODE_ENV: "production" };
+const cs = (e, t) => {
   if (t != null && t.length)
     return t;
   const n = [
@@ -1608,12 +1620,12 @@ const ss = (e, t) => {
     id: s,
     orientation: o === 1 ? "right" : "left"
   }));
-}, os = (e, t) => {
-  !e.type && Bt.NODE_ENV;
-  const n = e.color ?? I[t % I.length], s = e.label ?? e.key, o = e.yAxisId ? { yAxisId: e.yAxisId } : {};
+}, is = (e, t) => {
+  !e.type && qt.NODE_ENV;
+  const n = e.color ?? B[t % B.length], s = e.label ?? e.key, o = e.yAxisId ? { yAxisId: e.yAxisId } : {};
   switch (e.type) {
     case "area":
-      return /* @__PURE__ */ i.jsx(
+      return /* @__PURE__ */ l.jsx(
         St,
         {
           dataKey: e.key,
@@ -1627,8 +1639,8 @@ const ss = (e, t) => {
         e.key
       );
     case "line":
-      return /* @__PURE__ */ i.jsx(
-        Ot,
+      return /* @__PURE__ */ l.jsx(
+        Vn,
         {
           dataKey: e.key,
           name: s,
@@ -1641,8 +1653,8 @@ const ss = (e, t) => {
         e.key
       );
     case "bar":
-      return /* @__PURE__ */ i.jsx(
-        we,
+      return /* @__PURE__ */ l.jsx(
+        Ue,
         {
           dataKey: e.key,
           name: s,
@@ -1656,7 +1668,7 @@ const ss = (e, t) => {
     default:
       return null;
   }
-}, as = (e) => {
+}, ls = (e) => {
   const {
     data: t,
     xKey: n,
@@ -1666,35 +1678,35 @@ const ss = (e, t) => {
     showLegend: c = !0,
     yAxes: r
   } = e;
-  !s.length && Bt.NODE_ENV;
-  const d = ss(s, r);
-  return /* @__PURE__ */ i.jsxs(ae, { width: a, data: t, Chart: Gn, children: [
-    /* @__PURE__ */ i.jsx(re, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ i.jsx(ce, { dataKey: n }),
-    d.length > 0 ? d.map((l) => /* @__PURE__ */ i.jsx(
-      Y,
+  !s.length && qt.NODE_ENV;
+  const d = cs(s, r);
+  return /* @__PURE__ */ l.jsxs(je, { width: a, data: t, Chart: Kn, children: [
+    /* @__PURE__ */ l.jsx(Ce, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ l.jsx(we, { dataKey: n }),
+    d.length > 0 ? d.map((i) => /* @__PURE__ */ l.jsx(
+      le,
       {
-        yAxisId: l.id,
-        orientation: l.orientation
+        yAxisId: i.id,
+        orientation: i.orientation
       },
-      l.id
-    )) : /* @__PURE__ */ i.jsx(Y, {}),
-    /* @__PURE__ */ i.jsx(X, { tooltipKey: o }),
-    c && /* @__PURE__ */ i.jsx(z, {}),
-    s.map((l, u) => os(l, u))
+      i.id
+    )) : /* @__PURE__ */ l.jsx(le, {}),
+    /* @__PURE__ */ l.jsx(re, { tooltipKey: o }),
+    c && /* @__PURE__ */ l.jsx(ne, {}),
+    s.map((i, u) => is(i, u))
   ] });
-}, cs = (e) => `palette-${e % I.length + 1}-50`, is = (e, t, n) => e.map((s, o) => ({
+}, ds = (e) => `palette-${e % B.length + 1}-50`, us = (e, t, n) => e.map((s, o) => ({
   label: String(s[t] ?? ""),
   value: Number(n ? s[n] : 0) || 0,
-  color: cs(o)
-})), ls = (e) => ({
+  color: ds(o)
+})), _s = (e) => ({
   interactive: !0,
   showCallout: e,
   centerMode: e ? "activeSegment" : "fixed",
   showCenter: e
-}), ds = "_donutChart_1w0rb_1", us = {
-  donutChart: ds
-}, _s = (e) => {
+}), hs = "_donutChart_1w0rb_1", fs = {
+  donutChart: hs
+}, gs = (e) => {
   const {
     data: t,
     xKey: n,
@@ -1704,29 +1716,29 @@ const ss = (e, t) => {
     defaultIndex: c,
     showLegend: r = !0
   } = e, d = s[0];
-  return /* @__PURE__ */ i.jsx("div", { className: us.donutChart, style: { height: ne }, children: /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ l.jsx("div", { className: fs.donutChart, style: { height: z }, children: /* @__PURE__ */ l.jsx(
     _n,
     {
-      segments: is(t, n, d),
+      segments: us(t, n, d),
       size: "auto",
-      autoMaxDiameter: js,
-      autoLegendReserve: r ? Cs : 0,
+      autoMaxDiameter: Ts,
+      autoLegendReserve: r ? As : 0,
       defaultIndex: c,
-      ...ls(a),
-      chartChildren: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-        !a && /* @__PURE__ */ i.jsx(X, { tooltipKey: o, defaultIndex: c }),
-        r && /* @__PURE__ */ i.jsx(z, {})
+      ..._s(a),
+      chartChildren: /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+        !a && /* @__PURE__ */ l.jsx(re, { tooltipKey: o, defaultIndex: c }),
+        r && /* @__PURE__ */ l.jsx(ne, {})
       ] })
     }
   ) });
 };
-function hs(e, t, n = Ht) {
+function ms(e, t, n = Bt) {
   return e <= 0 ? 0 : t <= 0 ? e : Math.max(e, t * n);
 }
-function fs(e, t = Ns, n) {
-  return n !== void 0 ? n : e <= 0 ? ne : Math.max(ne, e * t);
+function xs(e, t = Ss, n) {
+  return n !== void 0 ? n : e <= 0 ? z : Math.max(z, e * t);
 }
-function ms(e, t, n) {
+function ys(e, t, n) {
   if (n !== void 0)
     return n;
   const s = e.reduce((o, a) => {
@@ -1734,11 +1746,17 @@ function ms(e, t, n) {
     return Math.max(o, c.length);
   }, 0);
   return Math.max(
-    ws,
-    s * vs
+    ks,
+    s * Os
   );
 }
-const gs = (e) => {
+const ps = new Set(Object.values(Wn));
+function bs(e, t) {
+  var s;
+  const n = (s = e == null ? void 0 : e.find((o) => o.key === t)) == null ? void 0 : s.color;
+  return n && ps.has(n) ? n : void 0;
+}
+const Cs = (e) => {
   const {
     data: t,
     yKeys: n,
@@ -1748,173 +1766,171 @@ const gs = (e) => {
     chartHeight: c,
     tooltipCoverage: r,
     showLegend: d = !0,
-    yKeyLabels: l,
+    yKeyLabels: i,
     yAxisWidth: u
-  } = e, _ = fs(
+  } = e, _ = xs(
     t.length,
     a,
     c
-  ), h = ms(t, s, u);
-  return /* @__PURE__ */ i.jsxs(
-    ae,
+  ), h = ys(t, s, u);
+  return /* @__PURE__ */ l.jsxs(
+    je,
     {
       height: _,
       layout: "vertical",
       data: t,
-      Chart: Ue,
+      Chart: kt,
       children: [
-        /* @__PURE__ */ i.jsx(re, { strokeDasharray: "3 3", horizontal: !1 }),
-        /* @__PURE__ */ i.jsx(ce, { type: "number" }),
-        /* @__PURE__ */ i.jsx(Y, { type: "category", dataKey: s, width: h }),
-        /* @__PURE__ */ i.jsx(X, { tooltipKey: o, tooltipCoverage: r }),
-        d && /* @__PURE__ */ i.jsx(z, {}),
-        n.map((f, m) => /* @__PURE__ */ i.jsx(
-          we,
+        /* @__PURE__ */ l.jsx(Ce, { strokeDasharray: "3 3", horizontal: !1 }),
+        /* @__PURE__ */ l.jsx(we, { type: "number" }),
+        /* @__PURE__ */ l.jsx(le, { type: "category", dataKey: s, width: h }),
+        /* @__PURE__ */ l.jsx(re, { tooltipKey: o, tooltipCoverage: r }),
+        d && /* @__PURE__ */ l.jsx(ne, {}),
+        n.map((f, g) => /* @__PURE__ */ l.jsx(
+          Ue,
           {
             dataKey: f,
-            name: (l == null ? void 0 : l[f]) ?? f,
-            fill: I[m % I.length]
+            name: (i == null ? void 0 : i[f]) ?? f,
+            fill: B[g % B.length]
           },
           f
         ))
       ]
     }
   );
-}, ys = (e) => {
-  const { data: t, xKey: n, yKeys: s, tooltipKey: o, width: a } = e;
-  return /* @__PURE__ */ i.jsxs(ae, { width: a, data: t, Chart: Mn, children: [
-    /* @__PURE__ */ i.jsx(re, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ i.jsx(ce, { dataKey: n }),
-    /* @__PURE__ */ i.jsx(Y, {}),
-    /* @__PURE__ */ i.jsx(X, { tooltipKey: o }),
-    /* @__PURE__ */ i.jsx(z, {}),
-    s.map((c, r) => /* @__PURE__ */ i.jsx(
-      Ot,
-      {
-        type: "monotone",
-        dataKey: c,
-        stroke: I[r % I.length],
-        strokeWidth: 2,
-        dot: !1
-      },
-      c
-    ))
-  ] });
+}, js = ({
+  data: e,
+  xKey: t,
+  yKeys: n,
+  yKeyLabels: s,
+  series: o,
+  tooltipKey: a,
+  showLegend: c = !0,
+  chartHeight: r
+}) => {
+  const d = A(
+    () => n.map((i) => {
+      var u;
+      return {
+        key: i,
+        label: ((u = s == null ? void 0 : s[i]) == null ? void 0 : u.trim()) || i,
+        color: bs(o, i)
+      };
+    }),
+    [n, s, o]
+  );
+  return /* @__PURE__ */ l.jsx(
+    hn,
+    {
+      data: e,
+      xKey: t,
+      series: d,
+      label: d.map(({ label: i }) => i).join(", "),
+      height: r ?? z,
+      maxSeries: d.length || void 0,
+      showLegend: c,
+      showTooltip: !0,
+      showCursor: !0,
+      renderTooltip: a ? (i) => i[a] : void 0
+    }
+  );
 };
-var xs = { NODE_ENV: "production" };
-const ps = (e) => {
+var ws = { NODE_ENV: "production" };
+const Ns = (e) => {
   const { data: t, xKey: n, series: s = [], tooltipKey: o, width: a } = e;
-  return !s.length && xs.NODE_ENV, /* @__PURE__ */ i.jsxs(ae, { width: a, data: t, Chart: Ue, children: [
-    /* @__PURE__ */ i.jsx(re, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ i.jsx(ce, { dataKey: n }),
-    /* @__PURE__ */ i.jsx(Y, {}),
-    /* @__PURE__ */ i.jsx(X, { tooltipKey: o }),
-    /* @__PURE__ */ i.jsx(z, {}),
-    s.map((c, r) => /* @__PURE__ */ i.jsx(
-      we,
+  return !s.length && ws.NODE_ENV, /* @__PURE__ */ l.jsxs(je, { width: a, data: t, Chart: kt, children: [
+    /* @__PURE__ */ l.jsx(Ce, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ l.jsx(we, { dataKey: n }),
+    /* @__PURE__ */ l.jsx(le, {}),
+    /* @__PURE__ */ l.jsx(re, { tooltipKey: o }),
+    /* @__PURE__ */ l.jsx(ne, {}),
+    s.map((c, r) => /* @__PURE__ */ l.jsx(
+      Ue,
       {
         dataKey: c.key,
         name: c.label ?? c.key,
         stackId: c.stackId,
-        fill: c.color ?? I[r % I.length]
+        fill: c.color ?? B[r % B.length]
       },
       c.key
     ))
   ] });
-}, bs = (e) => {
+}, Es = (e) => {
   const { data: t, xKey: n, yKeys: s, tooltipKey: o } = e, a = ({
     cx: c,
     cy: r,
     midAngle: d,
-    innerRadius: l,
+    innerRadius: i,
     outerRadius: u,
     value: _
   }) => {
-    const h = Math.PI / 180, f = 25 + l + (u - l), m = c + f * Math.cos(-(d ?? 0) * h), y = r + f * Math.sin(-(d ?? 0) * h);
-    return /* @__PURE__ */ i.jsx(
+    const h = Math.PI / 180, f = 25 + i + (u - i), g = c + f * Math.cos(-(d ?? 0) * h), x = r + f * Math.sin(-(d ?? 0) * h);
+    return /* @__PURE__ */ l.jsx(
       "text",
       {
-        x: m,
-        y,
-        fill: K.labelColor,
-        color: K.labelColor,
+        x: g,
+        y: x,
+        fill: U.labelColor,
+        color: U.labelColor,
         textAnchor: "middle",
         dominantBaseline: "central",
         children: _
       }
     );
   };
-  return /* @__PURE__ */ i.jsx(kt, { width: "100%", height: ne, children: /* @__PURE__ */ i.jsxs(Vn, { children: [
-    /* @__PURE__ */ i.jsx(X, { tooltipKey: o }),
-    /* @__PURE__ */ i.jsx(z, {}),
-    /* @__PURE__ */ i.jsx(
-      zn,
+  return /* @__PURE__ */ l.jsx(At, { width: "100%", height: z, children: /* @__PURE__ */ l.jsxs(zn, { children: [
+    /* @__PURE__ */ l.jsx(re, { tooltipKey: o }),
+    /* @__PURE__ */ l.jsx(ne, {}),
+    /* @__PURE__ */ l.jsx(
+      Xn,
       {
         data: t,
         dataKey: s[0],
         nameKey: n,
         label: a,
         outerRadius: 120,
-        children: t.map((c, r) => /* @__PURE__ */ i.jsx(
-          Xn,
+        children: t.map((c, r) => /* @__PURE__ */ l.jsx(
+          Jn,
           {
-            fill: I[r % I.length]
+            fill: B[r % B.length]
           },
           `cell-${r}`
         ))
       }
     )
   ] }) });
-}, ne = 400, js = 240, Cs = 48, Ht = 56, Ns = 28, ws = 100, vs = 8, Es = /* @__PURE__ */ new Set([
+}, z = 400, vs = "Bar chart", Ts = 240, As = 48, Bt = 56, Ss = 28, ks = 100, Os = 8, Rs = /* @__PURE__ */ new Set([
   "bar",
   "line",
   "area",
   "mixBar",
   "composed"
-]), Ts = {
-  area: ns,
-  bar: rs,
-  composed: as,
-  donut: _s,
-  horizontalBar: gs,
-  line: ys,
-  mixBar: ps,
-  pie: bs
-}, I = [
-  "var(--color-primitive-palette-1-50)",
-  "var(--color-primitive-palette-2-50)",
-  "var(--color-primitive-palette-3-50)",
-  "var(--color-primitive-palette-4-50)",
-  "var(--color-primitive-palette-5-50)",
-  "var(--color-primitive-palette-6-50)",
-  "var(--color-primitive-palette-7-50)",
-  "var(--color-primitive-palette-8-50)",
-  "var(--color-primitive-palette-9-50)",
-  "var(--color-primitive-palette-10-50)",
-  "var(--color-primitive-palette-11-50)",
-  "var(--color-primitive-palette-12-50)",
-  "var(--color-primitive-palette-13-50)",
-  "var(--color-primitive-palette-14-50)",
-  "var(--color-primitive-palette-15-50)",
-  "var(--color-primitive-palette-16-50)",
-  "var(--color-primitive-palette-17-50)"
-], K = {
+]), Ds = {
+  area: ss,
+  bar: as,
+  composed: ls,
+  donut: gs,
+  horizontalBar: Cs,
+  line: js,
+  mixBar: Ns,
+  pie: Es
+}, U = {
   fontFamily: "Roboto, sans-serif",
   fontSize: 12,
   labelColor: "var(--color-neutral-90)",
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, As = "_chartScrollViewport_sm5hx_1", ks = "_chartScrollViewport_track_sm5hx_29", xt = {
-  chartScrollViewport: As,
-  chartScrollViewport_track: ks
-}, Ss = "Scrollable chart area", Os = ({
+}, Is = "_chartScrollViewport_9i342_1", $s = "_chartScrollViewport_track_9i342_30", xt = {
+  chartScrollViewport: Is,
+  chartScrollViewport_track: $s
+}, Ls = "Scrollable chart area", qs = ({
   dataLength: e,
   minCategoryWidth: t,
   children: n
 }) => {
-  const s = he(null), [o, a] = S(0), c = t ?? Ht;
-  U(() => {
+  const s = de(null), [o, a] = O(0), c = t ?? Bt;
+  G(() => {
     const u = s.current;
     if (!u)
       return;
@@ -1925,12 +1941,14 @@ const ps = (e) => {
     const h = new ResizeObserver(_);
     return h.observe(u), () => h.disconnect();
   }, []);
-  const r = hs(
+  const r = ms(
     o,
     e,
     c
-  ), d = o > 0 && r > o, l = O(
+  ), d = o > 0 && r > o, i = S(
     (u) => {
+      if (u.defaultPrevented || u.target !== u.currentTarget)
+        return;
       const _ = s.current;
       if (_)
         switch (u.key) {
@@ -1950,60 +1968,60 @@ const ps = (e) => {
     },
     [c]
   );
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ l.jsx(
     "div",
     {
       ref: s,
       className: xt.chartScrollViewport,
       role: d ? "region" : void 0,
       tabIndex: d ? 0 : void 0,
-      "aria-label": d ? Ss : void 0,
-      onKeyDown: d ? l : void 0,
-      children: /* @__PURE__ */ i.jsx(
+      "aria-label": d ? Ls : void 0,
+      onKeyDown: d ? i : void 0,
+      children: /* @__PURE__ */ l.jsx(
         "div",
         {
           className: xt.chartScrollViewport_track,
-          style: { width: r, height: ne },
+          style: { width: r, height: z },
           children: o > 0 ? n(r) : null
         }
       )
     }
   );
-}, Ds = (e) => {
-  const { component: t, userFlow: n, hash: s, responseKey: o, dataSource: a, ...c } = e, r = Ts[c.type], { fetchDataSource: d } = H(), [l, u] = S(!1), [_, h] = S([]), f = async () => {
-    var g, x;
+}, Bs = (e) => {
+  const { component: t, userFlow: n, hash: s, responseKey: o, dataSource: a, ...c } = e, r = Ds[c.type], { fetchDataSource: d } = H(), [i, u] = O(!1), [_, h] = O([]), f = async () => {
+    var m, y;
     try {
       u(!0);
-      const { jsonPathData: j, mapperData: p } = a, w = Xe(
+      const { jsonPathData: C, mapperData: p } = a, N = ze(
         a,
         1
       ), b = await d(
-        w,
+        N,
         n,
         !1
-      ), C = j ? (g = qt(b == null ? void 0 : b.data, j, p)) == null ? void 0 : g.items : (x = b == null ? void 0 : b.data) == null ? void 0 : x.data;
-      h(C), u(!1);
-    } catch (j) {
-      alert(JSON.stringify(j)), u(!1);
+      ), j = C ? (m = Lt(b == null ? void 0 : b.data, C, p)) == null ? void 0 : m.items : (y = b == null ? void 0 : b.data) == null ? void 0 : y.data;
+      h(j), u(!1);
+    } catch (C) {
+      alert(JSON.stringify(C)), u(!1);
     }
   };
-  if (U(() => {
+  if (G(() => {
     r && (a ? f() : h(c.data));
   }, []), !r)
-    return /* @__PURE__ */ i.jsx("div", { children: "Not supported chart type" });
-  const m = {
+    return /* @__PURE__ */ l.jsx("div", { children: "Not supported chart type" });
+  const g = {
     ...c,
     data: _
   };
-  return l ? /* @__PURE__ */ i.jsx(Et, { height: 400 }) : _.length === 0 ? /* @__PURE__ */ i.jsx(je, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Es.has(c.type) ? /* @__PURE__ */ i.jsx(
-    Os,
+  return i ? /* @__PURE__ */ l.jsx(Et, { height: 400 }) : _.length === 0 ? /* @__PURE__ */ l.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Rs.has(c.type) ? /* @__PURE__ */ l.jsx(
+    qs,
     {
       dataLength: _.length,
       minCategoryWidth: c.minCategoryWidth,
-      children: (g) => /* @__PURE__ */ i.jsx(r, { ...m, width: g })
+      children: (m) => /* @__PURE__ */ l.jsx(r, { ...g, width: m })
     }
-  ) : /* @__PURE__ */ i.jsx(r, { ...m });
-}, Rs = (e) => {
+  ) : /* @__PURE__ */ l.jsx(r, { ...g });
+}, Hs = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -2013,32 +2031,32 @@ const ps = (e) => {
     value: c,
     required: r,
     dependencies: d,
-    ...l
+    ...i
   } = e, u = {
-    ...l
-  }, { getNextUI: _ } = H(), [h, f] = S(c || !1), { disabled: m } = $(
+    ...i
+  }, { getNextUI: _ } = H(), [h, f] = O(c || !1), { disabled: g } = I(
     t,
     d
-  ), y = k(() => r && a ? `${a} *` : a ?? "", [a, r]), g = O(async () => {
-    var j;
+  ), x = A(() => r && a ? `${a} *` : a ?? "", [a, r]), m = S(async () => {
+    var C;
     try {
       const p = !h;
       f(p);
-      const w = {
-        ...(j = v.getState()[t]) == null ? void 0 : j.entries,
+      const N = {
+        ...(C = E.getState()[t]) == null ? void 0 : C.entries,
         [s]: p
       };
-      switch (q(t, w), o) {
+      switch (L(t, N), o) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-          const C = await _(
+          const j = await _(
             t,
             n,
-            w,
+            N,
             s,
             o === "GO_TO_NEXT_UI"
           );
-          C != null && C.data && B(t, C == null ? void 0 : C.data);
+          j != null && j.data && q(t, j == null ? void 0 : j.data);
           break;
         }
         default:
@@ -2047,27 +2065,27 @@ const ps = (e) => {
     } catch (p) {
       console.error("Error in checkbox action:", p), alert(JSON.stringify(p));
     }
-  }, [t, n, s, o, h]), x = (u == null ? void 0 : u.disabled) ?? m;
-  return /* @__PURE__ */ i.jsx(
-    hn,
+  }, [t, n, s, o, h]), y = (u == null ? void 0 : u.disabled) ?? g;
+  return /* @__PURE__ */ l.jsx(
+    fn,
     {
       ...u,
-      labelRight: y,
+      labelRight: x,
       checked: h,
-      disabled: x,
+      disabled: y,
       onChange: () => {
-        !x && g();
+        !y && m();
       }
     }
   );
-}, Is = "_codeEditor_1wi2p_1", $s = "_codeEditor_label_1wi2p_4", Ls = "_codeEditor_wrapper_1wi2p_13", qs = "_input_1wi2p_17", Bs = "_preview_1wi2p_18", Hs = "_preview_inner_1wi2p_33", te = {
-  codeEditor: Is,
-  codeEditor_label: $s,
-  codeEditor_wrapper: Ls,
-  input: qs,
-  preview: Bs,
-  preview_inner: Hs
-}, Ks = (e) => {
+}, Us = "_codeEditor_1wi2p_1", Gs = "_codeEditor_label_1wi2p_4", Ms = "_codeEditor_wrapper_1wi2p_13", Ks = "_input_1wi2p_17", Vs = "_preview_1wi2p_18", zs = "_preview_inner_1wi2p_33", P = {
+  codeEditor: Us,
+  codeEditor_label: Gs,
+  codeEditor_wrapper: Ms,
+  input: Ks,
+  preview: Vs,
+  preview_inner: zs
+}, Xs = (e) => {
   const {
     userFlow: t,
     responseKey: n,
@@ -2077,48 +2095,48 @@ const ps = (e) => {
     value: c,
     required: r,
     dependencies: d,
-    disabled: l,
+    disabled: i,
     showPreview: u,
     height: _ = "400px"
-  } = e, [h, f] = S(c ?? ""), m = fe.useThemeStore((w) => w.theme.mode), { disabled: y } = $(
+  } = e, [h, f] = O(c ?? ""), g = ue.useThemeStore((N) => N.theme.mode), { disabled: x } = I(
     t,
     d
-  ), g = l ?? y, x = {
+  ), m = i ?? x, y = {
     json: ct(),
-    markdown: Jn(),
-    sql: Yn(),
-    yaml: Qn()
-  }, j = k(() => r && s ? `${s} *` : s ?? "", [s, r]), p = (w) => {
-    f(w);
+    markdown: Qn(),
+    sql: Zn(),
+    yaml: Fn()
+  }, C = A(() => r && s ? `${s} *` : s ?? "", [s, r]), p = (N) => {
+    f(N);
     const b = {
-      [n]: w
+      [n]: N
     };
-    q(t, b);
+    L(t, b);
   };
-  return /* @__PURE__ */ i.jsxs("div", { className: te.codeEditor, children: [
-    j && j !== "" && /* @__PURE__ */ i.jsx("label", { className: te.codeEditor_label, children: j }),
-    /* @__PURE__ */ i.jsxs("div", { className: te.codeEditor_wrapper, children: [
-      /* @__PURE__ */ i.jsx(
-        Wn,
+  return /* @__PURE__ */ l.jsxs("div", { className: P.codeEditor, children: [
+    C && C !== "" && /* @__PURE__ */ l.jsx("label", { className: P.codeEditor_label, children: C }),
+    /* @__PURE__ */ l.jsxs("div", { className: P.codeEditor_wrapper, children: [
+      /* @__PURE__ */ l.jsx(
+        Yn,
         {
-          className: te.input,
+          className: P.input,
           value: h,
           height: _,
           placeholder: a,
-          extensions: [x[o] ?? ct()],
-          onChange: (w) => p(w),
-          theme: m,
-          editable: !g
+          extensions: [y[o] ?? ct()],
+          onChange: (N) => p(N),
+          theme: g,
+          editable: !m
         }
       ),
-      o === "markdown" && u && /* @__PURE__ */ i.jsx("div", { className: te.preview, style: { height: _ }, children: /* @__PURE__ */ i.jsx(Tt, { className: te.preview_inner, children: h }) })
+      o === "markdown" && u && /* @__PURE__ */ l.jsx("div", { className: P.preview, style: { height: _ }, children: /* @__PURE__ */ l.jsx(vt, { className: P.preview_inner, children: h }) })
     ] })
   ] });
-}, Us = "_slotStack_6n2wy_5", Gs = {
-  slotStack: Us
+}, Js = "_slotStack_6n2wy_5", Ws = {
+  slotStack: Js
 };
-var Ms = { NODE_ENV: "production" };
-const Vs = /* @__PURE__ */ new Set([
+var Ys = { NODE_ENV: "production" };
+const Qs = /* @__PURE__ */ new Set([
   "accordion",
   "button",
   "cardAccordion",
@@ -2135,13 +2153,13 @@ const Vs = /* @__PURE__ */ new Set([
   "tabs",
   "textField",
   "textarea"
-]), Ke = (e, t) => {
+]), He = (e, t) => {
   if (e != null && e.length)
-    return /* @__PURE__ */ i.jsx("div", { className: Gs.slotStack, children: e.map((n, s) => {
+    return /* @__PURE__ */ l.jsx("div", { className: Ws.slotStack, children: e.map((n, s) => {
       var o;
-      return /* @__PURE__ */ i.jsx(A, { children: n }, ((o = t == null ? void 0 : t[s]) == null ? void 0 : o.hash) ?? s);
+      return /* @__PURE__ */ l.jsx(k, { children: n }, ((o = t == null ? void 0 : t[s]) == null ? void 0 : o.hash) ?? s);
     }) });
-}, zs = ({
+}, Zs = ({
   userFlow: e,
   pageId: t,
   component: n,
@@ -2151,7 +2169,7 @@ const Vs = /* @__PURE__ */ new Set([
   topContent: c,
   icon: r,
   headerStatusColor: d,
-  ...l
+  ...i
 }) => {
   const u = d ? `palette_${d}_50` : void 0, _ = T(
     e,
@@ -2162,17 +2180,17 @@ const Vs = /* @__PURE__ */ new Set([
     t,
     c != null && c.length ? c : null
   );
-  return /* @__PURE__ */ i.jsx(
-    At,
+  return /* @__PURE__ */ l.jsx(
+    Tt,
     {
-      ...l,
+      ...i,
       icon: r,
       headerStatusColor: u,
-      topContent: Ke(h, c),
-      children: Ke(_, a)
+      topContent: He(h, c),
+      children: He(_, a)
     }
   );
-}, Xs = ({
+}, Fs = ({
   userFlow: e,
   pageId: t,
   responseKey: n,
@@ -2182,59 +2200,59 @@ const Vs = /* @__PURE__ */ new Set([
   dependencies: c,
   content: r,
   icon: d,
-  ariaLabel: l,
+  ariaLabel: i,
   description: u,
   descriptionBottom: _,
   disabled: h,
   status: f,
-  headerStyle: m,
-  showBorder: y,
-  borderColor: g,
-  title: x,
-  descriptionTop: j,
+  headerStyle: g,
+  showBorder: x,
+  borderColor: m,
+  title: y,
+  descriptionTop: C,
   pillLabel: p
 }) => {
-  const w = T(
+  const N = T(
     e,
     t,
     r != null && r.length ? r : null
-  ), b = oe(e, t), { disabled: C } = $(
+  ), b = te(e, t), { disabled: j } = I(
     e,
     c
-  ), N = s ? () => void b({
+  ), w = s ? () => void b({
     responseKey: n,
     actionType: s,
     dataSource: o,
     redirectUrl: a,
     dependencies: c
-  }) : void 0, E = h ?? C;
-  N && (r != null && r.some((W) => Vs.has(W.component))) && Ms.NODE_ENV;
-  const D = N ? { onClick: N, disabled: E } : {};
-  return /* @__PURE__ */ i.jsx(
-    At,
+  }) : void 0, v = h ?? j;
+  w && (r != null && r.some((X) => Qs.has(X.component))) && Ys.NODE_ENV;
+  const R = w ? { onClick: w, disabled: v } : {};
+  return /* @__PURE__ */ l.jsx(
+    Tt,
     {
       version: "v2",
       status: f,
-      headerStyle: m,
-      showBorder: y,
-      borderColor: g,
-      title: x,
-      ariaLabel: l,
-      descriptionTop: j,
+      headerStyle: g,
+      showBorder: x,
+      borderColor: m,
+      title: y,
+      ariaLabel: i,
+      descriptionTop: C,
       descriptionBottom: _ ?? u,
       pillLabel: p,
       icon: d,
-      ...D,
-      children: Ke(w, r)
+      ...R,
+      children: He(N, r)
     }
   );
-}, Ws = (e) => e.version === "v2" ? /* @__PURE__ */ i.jsx(Xs, { ...e }) : /* @__PURE__ */ i.jsx(zs, { ...e }), Js = "_dividerNotFront_tze3j_1", Ys = {
-  dividerNotFront: Js
-}, Qs = (e) => /* @__PURE__ */ i.jsx(fn, { ...e, className: Ys.dividerNotFront }), Zs = "_drawer_13pxo_1", Fs = "_drawerBody_13pxo_5", Ps = "_drawerFooter_13pxo_11", Le = {
-  drawer: Zs,
-  drawerBody: Fs,
-  drawerFooter: Ps
-}, eo = ({
+}, Ps = (e) => e.version === "v2" ? /* @__PURE__ */ l.jsx(Fs, { ...e }) : /* @__PURE__ */ l.jsx(Zs, { ...e }), eo = "_dividerNotFront_tze3j_1", to = {
+  dividerNotFront: eo
+}, no = (e) => /* @__PURE__ */ l.jsx(gn, { ...e, className: to.dividerNotFront }), ro = "_drawer_13pxo_1", so = "_drawerBody_13pxo_5", oo = "_drawerFooter_13pxo_11", $e = {
+  drawer: ro,
+  drawerBody: so,
+  drawerFooter: oo
+}, ao = ({
   userFlow: e,
   pageId: t,
   responseKey: n,
@@ -2243,46 +2261,46 @@ const Vs = /* @__PURE__ */ new Set([
   footer: a,
   ...c
 }) => {
-  const r = v((g) => {
-    var x;
-    return (x = g[e]) == null ? void 0 : x.isDrawerOpen;
-  }), d = v((g) => {
-    var x;
-    return (x = g[e]) == null ? void 0 : x.isLoading;
-  }), l = r && !d, u = {
+  const r = E((m) => {
+    var y;
+    return (y = m[e]) == null ? void 0 : y.isDrawerOpen;
+  }), d = E((m) => {
+    var y;
+    return (y = m[e]) == null ? void 0 : y.isLoading;
+  }), i = r && !d, u = {
     ...c,
-    isOpen: l,
+    isOpen: i,
     children: null
-  }, _ = O(() => {
-    Ve(e), _e(e, !1);
-  }, [e]), h = Array.isArray(s) ? T(e, t, s) : s ? /* @__PURE__ */ i.jsx(wt, { type: "h2", children: s }) : void 0, f = T(e, t, o), m = a ? T(e, t, a) : void 0;
-  return /* @__PURE__ */ i.jsx(
+  }, _ = S(() => {
+    Ke(e), ie(e, !1);
+  }, [e]), h = Array.isArray(s) ? T(e, t, s) : s ? /* @__PURE__ */ l.jsx(wt, { type: "h2", children: s }) : void 0, f = T(e, t, o), g = a ? T(e, t, a) : void 0;
+  return /* @__PURE__ */ l.jsx(
     mn,
     {
       ...u,
-      className: Le.drawer,
-      isOpen: l,
+      className: $e.drawer,
+      isOpen: i,
       onClose: _,
       heightGap: 50,
-      title: h ? /* @__PURE__ */ i.jsx(i.Fragment, { children: Array.isArray(h) ? h.map((g, x) => /* @__PURE__ */ i.jsx(A, { children: g }, `drawer-header-${x}`)) : h }) : void 0,
-      children: /* @__PURE__ */ i.jsx("section", { className: Le.drawerBody, children: f.map((g, x) => /* @__PURE__ */ i.jsx(A, { children: g }, `drawer-body-${x}`)) }),
-      footer: m ? /* @__PURE__ */ i.jsx("div", { className: Le.drawerFooter, children: m.map((g, x) => /* @__PURE__ */ i.jsx(A, { children: g }, `drawer-footer-${x}`)) }) : void 0
+      title: h ? /* @__PURE__ */ l.jsx(l.Fragment, { children: Array.isArray(h) ? h.map((m, y) => /* @__PURE__ */ l.jsx(k, { children: m }, `drawer-header-${y}`)) : h }) : void 0,
+      children: /* @__PURE__ */ l.jsx("section", { className: $e.drawerBody, children: f.map((m, y) => /* @__PURE__ */ l.jsx(k, { children: m }, `drawer-body-${y}`)) }),
+      footer: g ? /* @__PURE__ */ l.jsx("div", { className: $e.drawerFooter, children: g.map((m, y) => /* @__PURE__ */ l.jsx(k, { children: m }, `drawer-footer-${y}`)) }) : void 0
     }
   );
 }, Je = (e, t, n) => {
-  const s = v(
+  const s = E(
     (a) => {
       var c, r;
       return (r = (c = a[e]) == null ? void 0 : c.entries) == null ? void 0 : r[t];
     }
-  ), o = O(
-    (a) => q(e, { [t]: a }),
+  ), o = S(
+    (a) => L(e, { [t]: a }),
     [e, t]
   );
   return [s ?? n, o];
-}, to = (e, t) => [e, t].filter(
+}, co = (e, t) => [e, t].filter(
   (n) => typeof n == "string" && n.trim().length > 0
-), no = (e) => {
+), io = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -2292,39 +2310,39 @@ const Vs = /* @__PURE__ */ new Set([
     templateRedirectUrl: c,
     templateTarget: r = "_blank",
     dependencies: d,
-    uploadStatus: l = "idle",
+    uploadStatus: i = "idle",
     notificationVisible: u = !1,
     rule1: _,
     rule2: h,
     ...f
-  } = e, [m, y] = Je(t, s, null), { disabled: g } = $(
+  } = e, [g, x] = Je(t, s, null), { disabled: m } = I(
     t,
     d
-  ), x = f.disabled ?? g, j = O(() => {
+  ), y = f.disabled ?? m, C = S(() => {
     c && (r === "_blank" ? window.open(c, "_blank", "noopener,noreferrer") : window.location.assign(c));
-  }, [c, r]), p = O(
+  }, [c, r]), p = S(
     (b) => {
-      y(b);
+      x(b);
     },
-    [y]
-  ), w = O(() => {
-    y(null);
-  }, [y]);
-  return /* @__PURE__ */ i.jsx(
-    gn,
+    [x]
+  ), N = S(() => {
+    x(null);
+  }, [x]);
+  return /* @__PURE__ */ l.jsx(
+    xn,
     {
       ...f,
-      rules: to(_, h),
-      file: m,
-      uploadStatus: l,
-      disabled: x,
+      rules: co(_, h),
+      file: g,
+      uploadStatus: i,
+      disabled: y,
       notificationVisible: u,
       onFileChange: p,
-      onRemove: w,
-      onTemplateLinkClick: c ? j : void 0
+      onRemove: N,
+      onTemplateLinkClick: c ? C : void 0
     }
   );
-}, ro = (e) => {
+}, lo = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -2334,33 +2352,33 @@ const Vs = /* @__PURE__ */ new Set([
     content: c,
     items: r,
     disabled: d,
-    variant: l,
+    variant: i,
     leftIcon: u,
     rightIcon: _
-  } = e, h = oe(t, n), f = k(
-    () => r.map((m) => ({
-      label: m.content ?? m.label ?? "",
+  } = e, h = te(t, n), f = A(
+    () => r.map((g) => ({
+      label: g.content ?? g.label ?? "",
       onClick: () => {
         h({
-          responseKey: m.responseKey,
-          actionType: m.actionType,
-          dataSource: m.dataSource,
-          redirectUrl: m.redirectUrl,
-          dependencies: m.dependencies
+          responseKey: g.responseKey,
+          actionType: g.actionType,
+          dataSource: g.dataSource,
+          redirectUrl: g.redirectUrl,
+          dependencies: g.dependencies
         });
       }
     })),
     [r, h]
   );
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ l.jsx(
     yn,
     {
       disabled: d,
-      variant: l,
+      variant: i,
       items: f,
-      children: /* @__PURE__ */ i.jsxs(A, { children: [
-        u ? /* @__PURE__ */ i.jsx(
-          it,
+      children: /* @__PURE__ */ l.jsxs(k, { children: [
+        u ? /* @__PURE__ */ l.jsx(
+          at,
           {
             name: u,
             size: "md",
@@ -2368,8 +2386,8 @@ const Vs = /* @__PURE__ */ new Set([
           }
         ) : null,
         c,
-        _ ? /* @__PURE__ */ i.jsx(
-          it,
+        _ ? /* @__PURE__ */ l.jsx(
+          at,
           {
             name: _,
             size: "md",
@@ -2379,28 +2397,28 @@ const Vs = /* @__PURE__ */ new Set([
       ] })
     }
   );
-}, so = "_header_g1eri_1", oo = "_header_content_g1eri_5", pt = {
-  header: so,
-  header_content: oo
-}, ao = ({ components: e = [] }) => /* @__PURE__ */ i.jsx("section", { className: J(pt.header, "avocado-dark-theme"), children: /* @__PURE__ */ i.jsx("div", { className: pt.header_content, children: e.map((t, n) => /* @__PURE__ */ i.jsx(A, { children: t }, n)) }) }), co = (e, t, n, s, o) => {
-  const a = We(
+}, uo = "_header_g1eri_1", _o = "_header_content_g1eri_5", yt = {
+  header: uo,
+  header_content: _o
+}, ho = ({ components: e = [] }) => /* @__PURE__ */ l.jsx("section", { className: J(yt.header, "avocado-dark-theme"), children: /* @__PURE__ */ l.jsx("div", { className: yt.header_content, children: e.map((t, n) => /* @__PURE__ */ l.jsx(k, { children: t }, n)) }) }), fo = (e, t, n, s, o) => {
+  const a = Xe(
     e,
     n
-  ), c = oe(e, t), r = async (u, _) => {
+  ), c = te(e, t), r = async (u, _) => {
     u.preventDefault(), await a(_);
   }, d = s.map((u, _) => _ === s.length - 1 || !u.actionType ? { title: u.title } : u.actionType === "REDIRECT" ? { title: u.title, path: u.redirectUrl } : {
     title: u.title,
     path: "#",
-    component: /* @__PURE__ */ i.jsx("a", { onClick: (h) => void r(h, u) })
-  }), l = o.map((u) => ({
+    component: /* @__PURE__ */ l.jsx("a", { onClick: (h) => void r(h, u) })
+  }), i = o.map((u) => ({
     label: u.content ?? u.label ?? "",
     icon: u.leftIcon,
     onClick: (_) => {
       _.preventDefault(), c(u);
     }
   }));
-  return { breadcrumbs: d, menu: l };
-}, Kt = ({
+  return { breadcrumbs: d, menu: i };
+}, Ht = ({
   userFlow: e,
   pageId: t,
   responseKey: n,
@@ -2410,9 +2428,9 @@ const Vs = /* @__PURE__ */ new Set([
   menuItems: c = [],
   components: r,
   onResolveComponentProps: d,
-  ...l
+  ...i
 }) => {
-  const { breadcrumbs: u, menu: _ } = co(
+  const { breadcrumbs: u, menu: _ } = fo(
     e,
     t,
     n,
@@ -2424,11 +2442,11 @@ const Vs = /* @__PURE__ */ new Set([
     r ?? null,
     d
   );
-  return /* @__PURE__ */ i.jsx(xn, { ...l, breadcrumbsItems: u, menuItems: _, children: h != null && h.length ? h.map((f, m) => {
-    var y;
-    return /* @__PURE__ */ i.jsx(A, { children: f }, ((y = r == null ? void 0 : r[m]) == null ? void 0 : y.hash) ?? m);
+  return /* @__PURE__ */ l.jsx(pn, { ...i, breadcrumbsItems: u, menuItems: _, children: h != null && h.length ? h.map((f, g) => {
+    var x;
+    return /* @__PURE__ */ l.jsx(k, { children: f }, ((x = r == null ? void 0 : r[g]) == null ? void 0 : x.hash) ?? g);
   }) : void 0 });
-}, io = (e) => {
+}, go = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -2438,32 +2456,32 @@ const Vs = /* @__PURE__ */ new Set([
     redirectUrl: c,
     target: r,
     dependencies: d,
-    component: l,
+    component: i,
     hash: u,
     ..._
-  } = e, { getNextUI: h } = H(), { disabled: f } = $(
+  } = e, { getNextUI: h } = H(), { disabled: f } = I(
     t,
     d
-  ), m = o && _ ? (() => {
-    const { href: x, target: j, download: p, ...w } = _;
-    return w;
-  })() : _, y = O(async () => {
-    var x;
+  ), g = o && _ ? (() => {
+    const { href: y, target: C, download: p, ...N } = _;
+    return N;
+  })() : _, x = S(async () => {
+    var y;
     if (o)
       try {
-        const j = {
-          ...(x = v.getState()[t]) == null ? void 0 : x.entries,
+        const C = {
+          ...(y = E.getState()[t]) == null ? void 0 : y.entries,
           [s]: { status: 200 }
         };
-        switch (q(t, j), o) {
+        switch (L(t, C), o) {
           case "GO_TO_NEXT_UI": {
             const p = await h(
               t,
               n,
-              j,
+              C,
               s
             );
-            p != null && p.data && B(t, p == null ? void 0 : p.data);
+            p != null && p.data && q(t, p == null ? void 0 : p.data);
             break;
           }
           case "REDIRECT":
@@ -2477,20 +2495,20 @@ const Vs = /* @__PURE__ */ new Set([
             console.warn(`Unhandled actionType for link: ${o}`);
             break;
         }
-      } catch (j) {
-        alert(JSON.stringify(j));
+      } catch (C) {
+        alert(JSON.stringify(C));
       }
-  }, [o, h, n, c, s, r, t]), g = m.disabled ?? f;
-  return /* @__PURE__ */ i.jsx(
-    pn,
+  }, [o, h, n, c, s, r, t]), m = g.disabled ?? f;
+  return /* @__PURE__ */ l.jsx(
+    bn,
     {
-      ...m,
-      disabled: g,
-      onClick: o ? y : void 0,
+      ...g,
+      disabled: m,
+      onClick: o ? x : void 0,
       children: a
     }
   );
-}, lo = (e) => {
+}, mo = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -2500,40 +2518,40 @@ const Vs = /* @__PURE__ */ new Set([
     items: c,
     closeOnClick: r,
     disabled: d,
-    listOrigin: l,
+    listOrigin: i,
     size: u,
     variant: _
-  } = e, h = oe(t, n), f = k(
-    () => c.map((m) => ({
-      icon: m.leftIcon,
-      label: m.content ?? m.label ?? "",
-      onClick: (y) => {
-        var g;
-        (g = y == null ? void 0 : y.preventDefault) == null || g.call(y), h({
-          responseKey: m.responseKey,
-          actionType: m.actionType,
-          dataSource: m.dataSource,
-          redirectUrl: m.redirectUrl,
-          dependencies: m.dependencies
+  } = e, h = te(t, n), f = A(
+    () => c.map((g) => ({
+      icon: g.leftIcon,
+      label: g.content ?? g.label ?? "",
+      onClick: (x) => {
+        var m;
+        (m = x == null ? void 0 : x.preventDefault) == null || m.call(x), h({
+          responseKey: g.responseKey,
+          actionType: g.actionType,
+          dataSource: g.dataSource,
+          redirectUrl: g.redirectUrl,
+          dependencies: g.dependencies
         });
       }
     })),
     [c, h]
   );
-  return /* @__PURE__ */ i.jsx(
-    bn,
+  return /* @__PURE__ */ l.jsx(
+    Cn,
     {
       items: f,
       closeOnClick: r,
       disabled: d,
-      listOrigin: l,
+      listOrigin: i,
       size: u,
       variant: _
     }
   );
-}, uo = "_modalContent_p06ci_1", _o = {
-  modalContent: uo
-}, ho = ({
+}, xo = "_modalContent_p06ci_1", yo = {
+  modalContent: xo
+}, po = ({
   userFlow: e,
   pageId: t,
   responseKey: n,
@@ -2543,32 +2561,32 @@ const Vs = /* @__PURE__ */ new Set([
   headerStatusColor: c,
   ...r
 }) => {
-  const d = v((x) => {
-    var j;
-    return (j = x[e]) == null ? void 0 : j.isModalOpen;
-  }), l = v((x) => {
-    var j;
-    return (j = x[e]) == null ? void 0 : j.isLoading;
-  }), u = d && !l, _ = {
+  const d = E((y) => {
+    var C;
+    return (C = y[e]) == null ? void 0 : C.isModalOpen;
+  }), i = E((y) => {
+    var C;
+    return (C = y[e]) == null ? void 0 : C.isLoading;
+  }), u = d && !i, _ = {
     ...r
-  }, h = (_ == null ? void 0 : _.headerStatusColor) ?? c, f = O(() => {
-    Ve(e), ze(e, !1);
-  }, [e, n]), m = Array.isArray(s) ? T(e, t, s) : s, y = T(e, t, o), g = T(e, t, a);
-  return /* @__PURE__ */ i.jsx(
+  }, h = (_ == null ? void 0 : _.headerStatusColor) ?? c, f = S(() => {
+    Ke(e), Ve(e, !1);
+  }, [e, n]), g = Array.isArray(s) ? T(e, t, s) : s, x = T(e, t, o), m = T(e, t, a);
+  return /* @__PURE__ */ l.jsx(
     jn,
     {
       ..._,
       headerStatusColor: h,
-      header: typeof m == "string" ? m : /* @__PURE__ */ i.jsx(i.Fragment, { children: m.map((x, j) => /* @__PURE__ */ i.jsx(A, { children: x }, `modal-header-${j}`)) }),
-      children: /* @__PURE__ */ i.jsx("section", { className: _o.modalContent, children: y.map((x, j) => /* @__PURE__ */ i.jsx(A, { children: x }, `modal-body-${j}`)) }),
-      actions: /* @__PURE__ */ i.jsx(i.Fragment, { children: g.map((x, j) => /* @__PURE__ */ i.jsx(A, { children: x }, `modal-footer-${j}`)) }),
+      header: typeof g == "string" ? g : /* @__PURE__ */ l.jsx(l.Fragment, { children: g.map((y, C) => /* @__PURE__ */ l.jsx(k, { children: y }, `modal-header-${C}`)) }),
+      children: /* @__PURE__ */ l.jsx("section", { className: yo.modalContent, children: x.map((y, C) => /* @__PURE__ */ l.jsx(k, { children: y }, `modal-body-${C}`)) }),
+      actions: /* @__PURE__ */ l.jsx(l.Fragment, { children: m.map((y, C) => /* @__PURE__ */ l.jsx(k, { children: y }, `modal-footer-${C}`)) }),
       open: u,
       onClose: f
     }
   );
-}, fo = ({ userFlow: e, pageId: t }) => {
+}, bo = ({ userFlow: e, pageId: t }) => {
   var a, c;
-  const n = er(e);
+  const n = nr(e);
   if (!n)
     return null;
   const s = [
@@ -2580,17 +2598,17 @@ const Vs = /* @__PURE__ */ new Set([
     t,
     s
   );
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: o == null ? void 0 : o.map((r, d) => {
-    const l = `overlay-${d}-${n == null ? void 0 : n.hash}`;
-    return /* @__PURE__ */ i.jsx(A, { children: r }, l);
+  return /* @__PURE__ */ l.jsx(l.Fragment, { children: o == null ? void 0 : o.map((r, d) => {
+    const i = `overlay-${d}-${n == null ? void 0 : n.hash}`;
+    return /* @__PURE__ */ l.jsx(k, { children: r }, i);
   }) });
-}, mo = [
+}, Co = [
   "success",
   "warning",
   "error",
   "info",
   "neutral"
-], go = {
+], jo = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -2616,7 +2634,7 @@ const Vs = /* @__PURE__ */ new Set([
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, yo = {
+}, wo = {
   success: {
     color: "success-50",
     textColor: "success-60",
@@ -2642,7 +2660,7 @@ const Vs = /* @__PURE__ */ new Set([
     textColor: "neutral-50",
     iconColor: "neutral-50"
   }
-}, Ne = (e, t) => t ? yo[e] : go[e], xo = "outlined", bt = (e) => typeof e == "string" && mo.includes(e), po = (e, t = {}) => e != null && e.length ? e.length === 3 && bt(e[1]) && e[2] === xo ? [{ label: String(e[0]), variant: e[1], outlined: !0 }] : e.length === 2 && bt(e[1]) ? [
+}, be = (e, t) => t ? wo[e] : jo[e], No = "outlined", pt = (e) => typeof e == "string" && Co.includes(e), Eo = (e, t = {}) => e != null && e.length ? e.length === 3 && pt(e[1]) && e[2] === No ? [{ label: String(e[0]), variant: e[1], outlined: !0 }] : e.length === 2 && pt(e[1]) ? [
   {
     label: String(e[0]),
     variant: e[1],
@@ -2652,19 +2670,19 @@ const Vs = /* @__PURE__ */ new Set([
   label: String(n),
   variant: t.variant ?? "neutral",
   ...t.outlined ? { outlined: !0 } : {}
-})) : [], bo = (e) => {
-  const { content: t, variant: n = "neutral", ...s } = e, o = Ne(n, s == null ? void 0 : s.outlined), a = {
+})) : [], vo = (e) => {
+  const { content: t, variant: n = "neutral", ...s } = e, o = be(n, s == null ? void 0 : s.outlined), a = {
     ...s,
     children: t,
     color: (s == null ? void 0 : s.color) ?? o.color,
     textColor: (s == null ? void 0 : s.textColor) ?? o.textColor,
     iconColor: (s == null ? void 0 : s.iconColor) ?? o.iconColor
   };
-  return /* @__PURE__ */ i.jsx(qe, { ...a });
-}, jo = (e) => {
+  return /* @__PURE__ */ l.jsx(Le, { ...a });
+}, To = (e) => {
   const { content: t } = e;
-  return /* @__PURE__ */ i.jsx(Tt, { children: t });
-}, Co = (e) => {
+  return /* @__PURE__ */ l.jsx(vt, { children: t });
+}, Ao = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -2674,40 +2692,40 @@ const Vs = /* @__PURE__ */ new Set([
     dependencies: c,
     onClick: r,
     ...d
-  } = e, l = oe(t, n), { disabled: u } = $(
+  } = e, i = te(t, n), { disabled: u } = I(
     t,
     c
   ), _ = {
     ...d
-  }, h = (_ == null ? void 0 : _.disabled) ?? u, [f, m] = S(!1), y = he(!1), g = O(async () => {
-    if (y.current)
+  }, h = (_ == null ? void 0 : _.disabled) ?? u, [f, g] = O(!1), x = de(!1), m = S(async () => {
+    if (x.current)
       return;
-    const x = o === "FETCH_DATA_SOURCE";
-    x && (y.current = !0, m(!0));
+    const y = o === "FETCH_DATA_SOURCE";
+    y && (x.current = !0, g(!0));
     try {
-      await l({
+      await i({
         responseKey: s,
         actionType: o,
         dataSource: a,
         dependencies: c
       });
-    } catch (j) {
-      console.error("[RoundButtonNotFront] Action failed:", j);
+    } catch (C) {
+      console.error("[RoundButtonNotFront] Action failed:", C);
     } finally {
-      x && (y.current = !1, m(!1));
+      y && (x.current = !1, g(!1));
     }
-  }, [o, a, c, s, l]);
-  return /* @__PURE__ */ i.jsx(
-    Cn,
+  }, [o, a, c, s, i]);
+  return /* @__PURE__ */ l.jsx(
+    wn,
     {
       ..._,
       loading: _.loading || f,
       disabled: h,
-      onClick: () => !h && !f && (r ?? g)()
+      onClick: () => !h && !f && (r ?? m)()
     }
   );
-}, No = "_row_1bqj4_1", wo = "_row_column_1bqj4_65", M = {
-  row: No,
+}, So = "_row_1bqj4_1", ko = "_row_column_1bqj4_65", K = {
+  row: So,
   "row__gap-none": "_row__gap-none_1bqj4_5",
   "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
   "row__gap-xs": "_row__gap-xs_1bqj4_11",
@@ -2728,7 +2746,7 @@ const Vs = /* @__PURE__ */ new Set([
   "row__align-center": "_row__align-center_1bqj4_56",
   "row__align-stretch": "_row__align-stretch_1bqj4_59",
   "row__align-baseline": "_row__align-baseline_1bqj4_62",
-  row_column: wo,
+  row_column: ko,
   "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",
@@ -2749,7 +2767,7 @@ const Vs = /* @__PURE__ */ new Set([
   "row_column__align-center": "_row_column__align-center_1bqj4_123",
   "row_column__align-stretch": "_row_column__align-stretch_1bqj4_126",
   "row_column__align-baseline": "_row_column__align-baseline_1bqj4_129"
-}, vo = (e) => {
+}, Oo = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -2758,18 +2776,18 @@ const Vs = /* @__PURE__ */ new Set([
     gap: a = "md",
     justifyContent: c = "start",
     alignItems: r = "stretch"
-  } = e, d = Array.isArray(o) ? o.map((l, u) => {
+  } = e, d = Array.isArray(o) ? o.map((i, u) => {
     const _ = `col_${u}`, h = `col_${u}`;
-    if (Array.isArray(l))
+    if (Array.isArray(i))
       return {
         gap: "md",
         justifyContent: "start",
         alignItems: "start",
-        items: l,
+        items: i,
         hash: _,
         responseKey: h
       };
-    const f = l;
+    const f = i;
     return {
       gap: (f == null ? void 0 : f.gap) ?? "md",
       justifyContent: (f == null ? void 0 : f.justifyContent) ?? "start",
@@ -2779,30 +2797,30 @@ const Vs = /* @__PURE__ */ new Set([
       responseKey: (f == null ? void 0 : f.responseKey) ?? h
     };
   }) : [];
-  return d.length === 0 ? null : /* @__PURE__ */ i.jsx(
+  return d.length === 0 ? null : /* @__PURE__ */ l.jsx(
     "div",
     {
       className: J(
-        M.row,
-        M[`row__gap-${a}`],
-        M[`row__justify-${c}`],
-        M[`row__align-${r}`]
+        K.row,
+        K[`row__gap-${a}`],
+        K[`row__justify-${c}`],
+        K[`row__align-${r}`]
       ),
-      children: d == null ? void 0 : d.map((l, u) => {
-        const _ = (s == null ? void 0 : s[u]) || `${100 / d.length}%`, h = T(t, n, l.items);
-        return !h || h.length === 0 ? null : /* @__PURE__ */ i.jsx(
+      children: d == null ? void 0 : d.map((i, u) => {
+        const _ = (s == null ? void 0 : s[u]) || `${100 / d.length}%`, h = T(t, n, i.items);
+        return !h || h.length === 0 ? null : /* @__PURE__ */ l.jsx(
           "div",
           {
             className: J(
-              M.row_column,
-              M[`row_column__gap-${l.gap}`],
-              M[`row_column__justify-${l.justifyContent}`],
-              M[`row_column__align-${l.alignItems}`]
+              K.row_column,
+              K[`row_column__gap-${i.gap}`],
+              K[`row_column__justify-${i.justifyContent}`],
+              K[`row_column__align-${i.alignItems}`]
             ),
             style: { width: _ },
             children: h
           },
-          l.hash || u
+          i.hash || u
         );
       })
     }
@@ -2817,33 +2835,33 @@ function Ut({
   isMulti: a = !1,
   debounceMs: c
 }) {
-  const r = he(null);
-  U(() => () => {
+  const r = de(null);
+  G(() => () => {
     r.current !== null && (clearTimeout(r.current), r.current = null);
   }, []);
-  const d = O(
+  const d = S(
     async (u) => {
       var f;
       const _ = {
-        ...(f = v.getState()[e]) == null ? void 0 : f.entries
+        ...(f = E.getState()[e]) == null ? void 0 : f.entries
       };
-      if (u ? (_[n] = u, q(e, _)) : (delete _[n], tr(e, n)), s && (s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+      if (u ? (_[n] = u, L(e, _)) : (delete _[n], rr(e, n)), s && (s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
-          const y = await o(
+          const x = await o(
             e,
             t,
             _,
             n,
             s === "GO_TO_NEXT_UI"
           );
-          y != null && y.data && B(e, y.data);
-        } catch (m) {
-          console.error("[useSelectChange] Failed to fetch next UI", m);
+          x != null && x.data && q(e, x.data);
+        } catch (g) {
+          console.error("[useSelectChange] Failed to fetch next UI", g);
         }
     },
     [e, t, n, s, o]
   );
-  return O(
+  return S(
     (u) => {
       if (!a) {
         d(u);
@@ -2860,29 +2878,29 @@ function Ut({
     [a, c, d]
   );
 }
-const Eo = /\{([^}]+)\}/g, To = (e, t) => {
+const Ro = /\{([^}]+)\}/g, Do = (e, t) => {
   var n;
-  return t.includes("{") ? t.replace(Eo, (s, o) => {
+  return t.includes("{") ? t.replace(Ro, (s, o) => {
     var c;
-    const a = (c = L.query(e, o.trim())) == null ? void 0 : c[0];
+    const a = (c = $.query(e, o.trim())) == null ? void 0 : c[0];
     return a != null ? String(a) : "";
-  }) : (n = L.query(e, t)) == null ? void 0 : n[0];
-}, Ao = (e, t, n, s) => {
-  const o = L.query(e, t);
+  }) : (n = $.query(e, t)) == null ? void 0 : n[0];
+}, Io = (e, t, n, s) => {
+  const o = $.query(e, t);
   return (o == null ? void 0 : o.map((a) => {
     var d;
-    const c = To(a, n), r = s ? (d = L.query(a, s)) == null ? void 0 : d[0] : a;
+    const c = Do(a, n), r = s ? (d = $.query(a, s)) == null ? void 0 : d[0] : a;
     return { label: c, value: r };
   })) ?? [];
-}, ko = (e, t, n, s = 10) => {
+}, $o = (e, t, n, s = 10) => {
   var r, d;
   let o, a;
   if (n) {
-    const l = L.value(e, n.size ?? "$.meta.size") ?? s, u = L.value(e, n.total ?? "$.meta.total") ?? 0;
-    o = l, a = u;
+    const i = $.value(e, n.size ?? "$.meta.size") ?? s, u = $.value(e, n.total ?? "$.meta.total") ?? 0;
+    o = i, a = u;
   } else {
-    const l = e == null ? void 0 : e.meta;
-    o = (l == null ? void 0 : l.size) ?? ((r = l == null ? void 0 : l.page) == null ? void 0 : r.size) ?? s, a = (l == null ? void 0 : l.total) ?? ((d = l == null ? void 0 : l.page) == null ? void 0 : d.total) ?? 0;
+    const i = e == null ? void 0 : e.meta;
+    o = (i == null ? void 0 : i.size) ?? ((r = i == null ? void 0 : i.page) == null ? void 0 : r.size) ?? s, a = (i == null ? void 0 : i.total) ?? ((d = i == null ? void 0 : i.page) == null ? void 0 : d.total) ?? 0;
   }
   const c = a > 0 ? Math.ceil(a / o) > t : !1;
   return {
@@ -2890,9 +2908,9 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
     total: a,
     hasMore: c
   };
-}, So = "_selectNotFront_ch3v5_1", Gt = {
-  selectNotFront: So
-}, Oo = ({
+}, Lo = "_selectNotFront_ch3v5_1", Gt = {
+  selectNotFront: Lo
+}, qo = ({
   userFlow: e,
   pageId: t,
   responseKey: n,
@@ -2903,80 +2921,80 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
   debounceMs: r,
   ...d
 }) => {
-  const l = {
+  const i = {
     ...d
-  }, { getNextUI: u, fetchDataSource: _ } = H(), [h, f] = S((l == null ? void 0 : l.value) ?? ""), { disabled: m } = $(
+  }, { getNextUI: u, fetchDataSource: _ } = H(), [h, f] = O((i == null ? void 0 : i.value) ?? ""), { disabled: g } = I(
     e,
     c
-  ), y = (l == null ? void 0 : l.disabled) ?? m, g = k(() => s && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, s]), x = k(() => {
-    const b = l != null && l.isMulti ? h : [h], C = {};
-    return Array.isArray(b) && b.forEach((N) => {
-      if (!N) return;
-      const E = JSON.stringify(N.value), D = JSON.stringify(N.label);
-      C[E] = N, D in C || (C[D] = N);
-    }), C;
-  }, [h]), j = Ut({
+  ), x = (i == null ? void 0 : i.disabled) ?? g, m = A(() => s && (i != null && i.label) ? `${i == null ? void 0 : i.label} *` : (i == null ? void 0 : i.label) ?? "", [i == null ? void 0 : i.label, s]), y = A(() => {
+    const b = i != null && i.isMulti ? h : [h], j = {};
+    return Array.isArray(b) && b.forEach((w) => {
+      if (!w) return;
+      const v = JSON.stringify(w.value), R = JSON.stringify(w.label);
+      j[v] = w, R in j || (j[R] = w);
+    }), j;
+  }, [h]), C = Ut({
     userFlow: e,
     pageId: t,
     responseKey: n,
     actionType: a,
     getNextUI: u,
-    isMulti: l == null ? void 0 : l.isMulti,
+    isMulti: i == null ? void 0 : i.isMulti,
     debounceMs: r
   }), p = (b) => {
-    f(b), j(b);
-  }, w = async (b, C, { page: N }) => {
+    f(b), C(b);
+  }, N = async (b, j, { page: w }) => {
     const {
-      jsonPathLabel: E,
-      jsonPathOptions: D,
-      jsonPathValue: W,
-      jsonPathPagination: ge
-    } = o, Q = Xe(
+      jsonPathLabel: v,
+      jsonPathOptions: R,
+      jsonPathValue: X,
+      jsonPathPagination: he
+    } = o, W = ze(
       o,
-      N,
+      w,
       b
-    ), ie = await _(
-      Q,
+    ), se = await _(
+      W,
       e,
       !1
-    ), G = ie == null ? void 0 : ie.data, ye = G ? Ao(
-      G,
-      D,
-      E,
-      W
-    ) : [], { hasMore: ve } = ko(
-      G,
-      N,
-      ge
+    ), M = se == null ? void 0 : se.data, fe = M ? Io(
+      M,
+      R,
+      v,
+      X
+    ) : [], { hasMore: Ne } = $o(
+      M,
+      w,
+      he
     );
     return {
-      options: ye,
-      hasMore: ve,
+      options: fe,
+      hasMore: Ne,
       additional: {
-        page: N + 1
+        page: w + 1
       }
     };
   };
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ l.jsx(
     Nn,
     {
-      ...l,
+      ...i,
       className: Gt.selectNotFront,
-      label: g,
+      label: m,
       value: h,
-      disabled: y,
-      noOptionsMessage: () => /* @__PURE__ */ i.jsx(i.Fragment, { children: "Sin opciones" }),
-      onChange: (b) => !y && p(b),
-      loadOptions: w,
+      disabled: x,
+      noOptionsMessage: () => /* @__PURE__ */ l.jsx(l.Fragment, { children: "Sin opciones" }),
+      onChange: (b) => !x && p(b),
+      loadOptions: N,
       additional: { page: 1 },
       isOptionDisabled: (b) => {
-        const C = JSON.stringify(b == null ? void 0 : b.value), N = JSON.stringify(b == null ? void 0 : b.label);
-        return !!(x != null && x[C]) || !!(x != null && x[N]);
+        const j = JSON.stringify(b == null ? void 0 : b.value), w = JSON.stringify(b == null ? void 0 : b.label);
+        return !!(y != null && y[j]) || !!(y != null && y[w]);
       },
       debounceTimeout: 350
     }
   );
-}, Do = ({
+}, Bo = ({
   userFlow: e,
   pageId: t,
   responseKey: n,
@@ -2987,50 +3005,50 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
   debounceMs: r,
   ...d
 }) => {
-  const l = {
+  const i = {
     ...d
-  }, { getNextUI: u } = H(), [_, h] = S(l.value || ""), { disabled: f } = $(
+  }, { getNextUI: u } = H(), [_, h] = O(i.value || ""), { disabled: f } = I(
     e,
     c
-  ), m = (l == null ? void 0 : l.disabled) ?? f, y = k(() => o && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, o]), g = Ut({
+  ), g = (i == null ? void 0 : i.disabled) ?? f, x = A(() => o && (i != null && i.label) ? `${i == null ? void 0 : i.label} *` : (i == null ? void 0 : i.label) ?? "", [i == null ? void 0 : i.label, o]), m = Ut({
     userFlow: e,
     pageId: t,
     responseKey: n,
     actionType: a,
     getNextUI: u,
-    isMulti: l == null ? void 0 : l.isMulti,
+    isMulti: i == null ? void 0 : i.isMulti,
     debounceMs: r
-  }), x = (j) => {
-    h(j), g(j);
+  }), y = (C) => {
+    h(C), m(C);
   };
-  return /* @__PURE__ */ i.jsx(
-    wn,
+  return /* @__PURE__ */ l.jsx(
+    En,
     {
-      ...l,
+      ...i,
       className: Gt.selectNotFront,
-      label: y,
+      label: x,
       value: _,
-      disabled: m,
-      onChange: (j) => !m && x(j)
+      disabled: g,
+      onChange: (C) => !g && y(C)
     }
   );
-}, Ro = (e) => {
+}, Ho = (e) => {
   const { dataSource: t } = e;
-  return t ? /* @__PURE__ */ i.jsx(Oo, { ...e }) : /* @__PURE__ */ i.jsx(Do, { ...e });
-}, Io = "_spacing_19hqa_1", $o = "_spacing__xxs_19hqa_1", Lo = "_spacing__xs_19hqa_4", qo = "_spacing__sm_19hqa_7", Bo = "_spacing__md_19hqa_10", Ho = "_spacing__lg_19hqa_13", Ko = "_spacing__xl_19hqa_16", Uo = "_spacing__xxl_19hqa_19", Go = "_spacing__xxxl_19hqa_22", jt = {
-  spacing: Io,
-  spacing__xxs: $o,
-  spacing__xs: Lo,
-  spacing__sm: qo,
-  spacing__md: Bo,
-  spacing__lg: Ho,
-  spacing__xl: Ko,
-  spacing__xxl: Uo,
-  spacing__xxxl: Go
-}, Mo = (e) => {
-  const { size: t } = e, n = J(jt.spacing, jt[`spacing__${t}`]);
-  return /* @__PURE__ */ i.jsx("div", { className: n });
-}, Vo = (e) => {
+  return t ? /* @__PURE__ */ l.jsx(qo, { ...e }) : /* @__PURE__ */ l.jsx(Bo, { ...e });
+}, Uo = "_spacing_19hqa_1", Go = "_spacing__xxs_19hqa_1", Mo = "_spacing__xs_19hqa_4", Ko = "_spacing__sm_19hqa_7", Vo = "_spacing__md_19hqa_10", zo = "_spacing__lg_19hqa_13", Xo = "_spacing__xl_19hqa_16", Jo = "_spacing__xxl_19hqa_19", Wo = "_spacing__xxxl_19hqa_22", bt = {
+  spacing: Uo,
+  spacing__xxs: Go,
+  spacing__xs: Mo,
+  spacing__sm: Ko,
+  spacing__md: Vo,
+  spacing__lg: zo,
+  spacing__xl: Xo,
+  spacing__xxl: Jo,
+  spacing__xxxl: Wo
+}, Yo = (e) => {
+  const { size: t } = e, n = J(bt.spacing, bt[`spacing__${t}`]);
+  return /* @__PURE__ */ l.jsx("div", { className: n });
+}, Qo = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -3040,32 +3058,32 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
     value: c,
     required: r,
     dependencies: d,
-    ...l
+    ...i
   } = e, u = {
-    ...l
-  }, { getNextUI: _ } = H(), [h, f] = S(c || !1), { disabled: m } = $(
+    ...i
+  }, { getNextUI: _ } = H(), [h, f] = O(c || !1), { disabled: g } = I(
     t,
     d
-  ), y = (u == null ? void 0 : u.disabled) ?? m, g = k(() => r && a ? `${a} *` : a ?? "", [a, r]), x = O(async () => {
-    var j;
+  ), x = (u == null ? void 0 : u.disabled) ?? g, m = A(() => r && a ? `${a} *` : a ?? "", [a, r]), y = S(async () => {
+    var C;
     try {
       const p = !h;
       f(p);
-      const w = {
-        ...(j = v.getState()[t]) == null ? void 0 : j.entries,
+      const N = {
+        ...(C = E.getState()[t]) == null ? void 0 : C.entries,
         [s]: p
       };
-      switch (q(t, w), o) {
+      switch (L(t, N), o) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-          const C = await _(
+          const j = await _(
             t,
             n,
-            w,
+            N,
             s,
             o === "GO_TO_NEXT_UI"
           );
-          C != null && C.data && B(t, C == null ? void 0 : C.data);
+          j != null && j.data && q(t, j == null ? void 0 : j.data);
           break;
         }
         default:
@@ -3075,41 +3093,38 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
       console.error("Error in switch action:", p), alert(JSON.stringify(p));
     }
   }, [t, n, s, o, h]);
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ l.jsx(
     vn,
     {
       ...u,
-      label: g,
+      label: m,
       checked: h,
-      disabled: y,
-      onChange: () => !y && x()
+      disabled: x,
+      onChange: () => !x && y()
     }
   );
-}, zo = 10, Xo = [10, 20, 50, 100], Wo = 72, Jo = 120, Yo = (e, t) => e != null && t.includes(e) ? e : t[0] ?? zo, Qo = ({
+}, Zo = 10, Fo = [10, 20, 50, 100], Po = 72, ea = 120, ta = (e, t) => e != null && t.includes(e) ? e : t[0] ?? Zo, na = ({
   maxHeight: e,
   stickyHeader: t,
-  autoFitToViewport: n,
+  shouldFitToViewport: n,
   availableHeight: s
-}) => e != null ? {
-  maxHeight: e,
-  stickyHeader: t ?? !1
-} : !n || s == null ? {
-  maxHeight: void 0,
-  stickyHeader: t ?? !1
-} : {
-  maxHeight: s,
-  stickyHeader: t ?? !0
-}, Zo = ({
+}) => {
+  const o = e ?? (n ? s : void 0);
+  return {
+    maxHeight: o,
+    stickyHeader: t ?? o != null
+  };
+}, ra = ({
   viewportHeight: e,
   elementTop: t,
-  pagerReservedHeight: n = Wo,
-  minTableHeight: s = Jo
+  pagerReservedHeight: n = Po,
+  minTableHeight: s = ea
 }) => {
   const o = e - Math.max(t, 0) - n;
   return Math.max(o, s);
-}, Fo = ({ enabled: e }) => {
-  const [t, n] = S(null), [s, o] = S();
-  return en(() => {
+}, sa = ({ enabled: e }) => {
+  const [t, n] = O(null), [s, o] = O();
+  return Pt(() => {
     if (!e || !t) {
       o(void 0);
       return;
@@ -3117,7 +3132,7 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
     const a = () => {
       const r = t.getBoundingClientRect().top;
       o(
-        Zo({
+        ra({
           viewportHeight: window.innerHeight,
           elementTop: r
         })
@@ -3132,29 +3147,29 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
     tableContainerRef: n,
     availableHeight: s
   };
-}, Po = "_table_scrollContainer_1g2ed_1", ea = "_tableSkeleton_1g2ed_5", ta = "_tableArrayPills_1g2ed_11", Ye = {
-  table_scrollContainer: Po,
-  tableSkeleton: ea,
-  tableArrayPills: ta
-}, na = (e, t) => {
+}, oa = "_table_scrollContainer_1g2ed_1", aa = "_tableSkeleton_1g2ed_5", ca = "_tableArrayPills_1g2ed_11", We = {
+  table_scrollContainer: oa,
+  tableSkeleton: aa,
+  tableArrayPills: ca
+}, ia = (e, t) => {
   if (e)
-    return Ne(e, !0);
+    return be(e, !0);
   if (t)
-    return Ne("neutral", !0);
-}, ra = ({
+    return be("neutral", !0);
+}, la = ({
   values: e,
   pillVariant: t,
   pillOutlined: n
 }) => {
-  const o = po(e ?? [], {
+  const o = Eo(e ?? [], {
     variant: t,
     outlined: n
-  }), a = o.slice(0, 4), c = o.length - 4, r = na(t, n);
-  return /* @__PURE__ */ i.jsxs("div", { className: Ye.tableArrayPills, children: [
-    a.map((d, l) => {
-      const u = Ne(d.variant, d.outlined);
-      return /* @__PURE__ */ i.jsx(
-        qe,
+  }), a = o.slice(0, 4), c = o.length - 4, r = ia(t, n);
+  return /* @__PURE__ */ l.jsxs("div", { className: We.tableArrayPills, children: [
+    a.map((d, i) => {
+      const u = be(d.variant, d.outlined);
+      return /* @__PURE__ */ l.jsx(
+        Le,
         {
           color: u.color,
           textColor: u.textColor,
@@ -3162,11 +3177,11 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
           outlined: d.outlined,
           children: d.label
         },
-        `${d.label}-${d.variant}-${d.outlined ?? !1}-${l}`
+        `${d.label}-${d.variant}-${d.outlined ?? !1}-${i}`
       );
     }),
-    c > 0 && /* @__PURE__ */ i.jsxs(
-      qe,
+    c > 0 && /* @__PURE__ */ l.jsxs(
+      Le,
       {
         outlined: !0,
         color: r == null ? void 0 : r.color,
@@ -3179,7 +3194,7 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
       }
     )
   ] });
-}, sa = ({
+}, da = ({
   userFlow: e,
   pageId: t,
   tableResponseKey: n,
@@ -3188,40 +3203,40 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
 }) => {
   const { getNextUI: a, fetchAndGetNextUI: c, runGetDataSource: r } = H(), d = T(e, t, [
     { ...s }
-  ]), l = (d == null ? void 0 : d[0]) || null;
-  if (!l) return null;
+  ]), i = (d == null ? void 0 : d[0]) || null;
+  if (!i) return null;
   const {
     actionType: u,
     responseKey: _,
     dataSource: h
-  } = l.props, f = O(async () => {
-    var m;
+  } = i.props, f = S(async () => {
+    var g;
     try {
-      const y = {
-        ...(m = v.getState()[e]) == null ? void 0 : m.entries,
+      const x = {
+        ...(g = E.getState()[e]) == null ? void 0 : g.entries,
         [_]: { status: 200 },
         [n]: [{ ...o }]
       };
-      switch (q(e, y), u) {
+      switch (L(e, x), u) {
         case "GO_TO_NEXT_UI": {
-          const g = await a(
+          const m = await a(
             e,
             t,
-            y,
+            x,
             _
           );
-          g != null && g.data && B(e, g == null ? void 0 : g.data);
+          m != null && m.data && q(e, m == null ? void 0 : m.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
-          const g = await c(
+          const m = await c(
             e,
             t,
-            y,
+            x,
             _,
             h
           );
-          g != null && g.data && B(e, g == null ? void 0 : g.data);
+          m != null && m.data && q(e, m == null ? void 0 : m.data);
           break;
         }
         case "GET_DATA_SOURCE": {
@@ -3229,7 +3244,7 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
             e,
             t,
             _,
-            y
+            x
           );
           break;
         }
@@ -3237,8 +3252,8 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
           console.warn(`Unhandled actionType: ${u}`);
           break;
       }
-    } catch (y) {
-      alert(JSON.stringify(y));
+    } catch (x) {
+      alert(JSON.stringify(x));
     }
   }, [
     u,
@@ -3252,10 +3267,10 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
     c,
     o
   ]);
-  return tn(l, {
+  return en(i, {
     onClick: f
   });
-}, oa = () => /* @__PURE__ */ i.jsx("div", { className: Ye.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ i.jsx(
+}, ua = () => /* @__PURE__ */ l.jsx("div", { className: We.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ l.jsx(
   Et,
   {
     maxWidth: "100%",
@@ -3263,7 +3278,7 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), aa = (e, t) => !(t != null && t.length) || !e ? e : e.map((n) => t.some((o) => {
+)) }), _a = (e, t) => !(t != null && t.length) || !e ? e : e.map((n) => t.some((o) => {
   const a = o;
   return Array.isArray(
     n != null && n.accessor ? a[n.accessor] : void 0
@@ -3272,8 +3287,8 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
   ...n,
   renderCell: (o) => {
     const a = n.accessor ? o[n.accessor] : void 0;
-    return Array.isArray(a) ? /* @__PURE__ */ i.jsx(
-      ra,
+    return Array.isArray(a) ? /* @__PURE__ */ l.jsx(
+      la,
       {
         values: a,
         pillVariant: n.pillVariant,
@@ -3281,7 +3296,7 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
       }
     ) : a ?? "";
   }
-} : n), ca = ({
+} : n), ha = ({
   userFlow: e,
   pageId: t,
   responseKey: n,
@@ -3291,173 +3306,173 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
   data: c,
   pageSize: r,
   showRowsPerPage: d = !1,
-  pageSizeOptions: l,
+  pageSizeOptions: i,
   labelRowsPerPage: u,
-  autoHeight: _,
+  fitToViewport: _ = !1,
   ...h
 }) => {
-  var tt, nt;
-  const { fetchDataSource: f } = H(), [m, y] = S(!1), [g, x] = S(1), j = l ?? Xo, [p, w] = S(
-    () => Yo(r, j)
-  ), [b, C] = S(null), N = !o && Array.isArray(c), E = !!(o != null && o.jsonPathCursorPagination) && !!((tt = o == null ? void 0 : o.jsonPathPagination) != null && tt.hasMore), D = d && !E, W = d || r != null, ge = W ? p : void 0, Q = he(
+  var et, tt;
+  const { fetchDataSource: f } = H(), [g, x] = O(!1), [m, y] = O(1), C = i ?? Fo, [p, N] = O(
+    () => ta(r, C)
+  ), [b, j] = O(null), w = !o && Array.isArray(c), v = !!(o != null && o.jsonPathCursorPagination) && !!((et = o == null ? void 0 : o.jsonPathPagination) != null && et.hasMore), R = d && !v, X = d || r != null, he = X ? p : void 0, W = de(
     /* @__PURE__ */ new Map([[1, null]])
-  ), ie = k(() => {
+  ), se = A(() => {
     if (a != null && a.length)
-      return a.map((R, pe) => ({
-        renderContent: (Te) => /* @__PURE__ */ i.jsx(
-          sa,
+      return a.map((D, me) => ({
+        renderContent: (ve) => /* @__PURE__ */ l.jsx(
+          da,
           {
             userFlow: e,
             pageId: t,
             tableResponseKey: n,
-            component: R,
-            rowData: Te
+            component: D,
+            rowData: ve
           },
-          `tableRowAction${pe}`
+          `tableRowAction${me}`
         )
       }));
-  }, [a, e, t, n]), G = async (R, pe) => {
-    var rt, st;
+  }, [a, e, t, n]), M = async (D, me) => {
+    var nt, rt;
     if (!o)
       return;
     const {
-      mapperData: Te,
+      mapperData: ve,
       jsonPathData: Jt,
-      jsonPathPagination: Yt,
-      jsonPathCursorPagination: le
+      jsonPathPagination: Wt,
+      jsonPathCursorPagination: oe
     } = o;
-    if (le && R !== 1 && !Q.current.has(R)) {
-      x(1), G(1, pe);
+    if (oe && D !== 1 && !W.current.has(D)) {
+      y(1), M(1, me);
       return;
     }
-    le && R === 1 && (Q.current = /* @__PURE__ */ new Map([[1, null]]));
+    oe && D === 1 && (W.current = /* @__PURE__ */ new Map([[1, null]]));
     try {
-      y(!0);
-      const Ae = le ? Q.current.get(R) ?? null : null, Qt = Xe(
+      x(!0);
+      const Te = oe ? W.current.get(D) ?? null : null, Yt = ze(
         o,
-        R,
+        D,
         void 0,
-        Ae,
-        pe
-      ), F = await f(
-        Qt,
+        Te,
+        me
+      ), Q = await f(
+        Yt,
         e,
         !1
-      ), ot = qt(
-        F == null ? void 0 : F.data,
+      ), st = Lt(
+        Q == null ? void 0 : Q.data,
         Jt,
-        Te,
-        Yt
+        ve,
+        Wt
       );
-      C(ot);
-      const Zt = !!((rt = o == null ? void 0 : o.jsonPathPagination) != null && rt.size), ke = (st = ot.pagination) == null ? void 0 : st.size;
-      if (W && Zt && ke != null && j.includes(ke) && w(ke), le) {
-        const at = es(
-          F == null ? void 0 : F.data,
-          le
+      j(st);
+      const Qt = !!((nt = o == null ? void 0 : o.jsonPathPagination) != null && nt.size), Ae = (rt = st.pagination) == null ? void 0 : rt.size;
+      if (X && Qt && Ae != null && C.includes(Ae) && N(Ae), oe) {
+        const ot = ns(
+          Q == null ? void 0 : Q.data,
+          oe
         );
-        at && Q.current.set(R + 1, at);
+        ot && W.current.set(D + 1, ot);
       }
-      y(!1);
-    } catch (Ae) {
-      console.error("[TableNotFront] fetchData:", Ae), y(!1);
+      x(!1);
+    } catch (Te) {
+      console.error("[TableNotFront] fetchData:", Te), x(!1);
     }
-  }, ye = (R) => {
-    x(R), G(R, ge);
-  }, ve = (R) => {
-    w(R.value), x(1), G(1, R.value);
+  }, fe = (D) => {
+    y(D), M(D, he);
+  }, Ne = (D) => {
+    N(D.value), y(1), M(1, D.value);
   };
-  U(() => {
-    N || G(1, ge);
+  G(() => {
+    w || M(1, he);
   }, []);
-  const Z = N ? c : b == null ? void 0 : b.items, Ee = N && W && ((c == null ? void 0 : c.length) ?? 0) > p, Mt = k(() => {
+  const Y = w ? c : b == null ? void 0 : b.items, Ee = w && X && ((c == null ? void 0 : c.length) ?? 0) > p, Mt = A(() => {
     if (!Ee || !c)
-      return Z ?? [];
-    const R = (g - 1) * p;
-    return c.slice(R, R + p);
+      return Y ?? [];
+    const D = (m - 1) * p;
+    return c.slice(D, D + p);
   }, [
     Ee,
     c,
     p,
-    g,
-    Z
-  ]), Vt = k(
-    () => aa(h.columns, Z),
-    [Z, h.columns]
-  ), xe = (_ ?? !0) && !E, { tableContainerRef: zt, availableHeight: Qe } = Fo({
-    enabled: xe
-  }), Ze = k(
-    () => Qo({
+    m,
+    Y
+  ]), Kt = A(
+    () => _a(h.columns, Y),
+    [Y, h.columns]
+  ), ge = _ && !v, { tableContainerRef: Vt, availableHeight: Ye } = sa({
+    enabled: ge
+  }), Qe = A(
+    () => na({
       maxHeight: h.maxHeight,
       stickyHeader: h.stickyHeader,
-      autoFitToViewport: xe,
-      availableHeight: Qe
+      shouldFitToViewport: ge,
+      availableHeight: Ye
     }),
     [
       h.maxHeight,
       h.stickyHeader,
-      xe,
-      Qe
+      ge,
+      Ye
     ]
-  ), Xt = {
+  ), zt = {
     ...h,
-    maxHeight: Ze.maxHeight,
-    stickyHeader: Ze.stickyHeader,
+    maxHeight: Qe.maxHeight,
+    stickyHeader: Qe.stickyHeader,
     data: Mt,
-    columns: Vt ?? [],
-    rightActions: ie
-  }, Fe = /* @__PURE__ */ i.jsx(En, { ...Xt }), Pe = xe ? /* @__PURE__ */ i.jsx("div", { ref: zt, className: Ye.table_scrollContainer, children: Fe }) : Fe, et = {
-    showRowsPerPage: D,
-    pageSizeOptions: j,
+    columns: Kt ?? [],
+    rightActions: se
+  }, Ze = /* @__PURE__ */ l.jsx(Tn, { ...zt }), Fe = ge ? /* @__PURE__ */ l.jsx("div", { ref: Vt, className: We.table_scrollContainer, children: Ze }) : Ze, Pe = {
+    showRowsPerPage: R,
+    pageSizeOptions: C,
     labelRowsPerPage: u,
-    onRowsPerPageChange: ve
+    onRowsPerPageChange: Ne
   };
-  if (N)
-    return !Z || Z.length === 0 ? /* @__PURE__ */ i.jsx(je, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-      Pe,
-      (Ee || d) && c && /* @__PURE__ */ i.jsx(
+  if (w)
+    return !Y || Y.length === 0 ? /* @__PURE__ */ l.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      Fe,
+      (Ee || d) && c && /* @__PURE__ */ l.jsx(
         Se,
         {
-          ...et,
+          ...Pe,
           classname: { global: "row__end" },
-          page: g,
+          page: m,
           size: p,
           total: c.length,
-          onChange: x
+          onChange: y
         }
       )
     ] });
-  const Wt = !E && (b == null ? void 0 : b.pagination) && (b.pagination.totalPages > 1 || d);
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: m ? /* @__PURE__ */ i.jsx(oa, {}) : b && ((nt = b == null ? void 0 : b.items) == null ? void 0 : nt.length) > 0 ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    Pe,
-    Wt && /* @__PURE__ */ i.jsx(
+  const Xt = !v && (b == null ? void 0 : b.pagination) && (b.pagination.totalPages > 1 || d);
+  return /* @__PURE__ */ l.jsx(l.Fragment, { children: g ? /* @__PURE__ */ l.jsx(ua, {}) : b && ((tt = b == null ? void 0 : b.items) == null ? void 0 : tt.length) > 0 ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    Fe,
+    Xt && /* @__PURE__ */ l.jsx(
       Se,
       {
-        ...et,
+        ...Pe,
         classname: { global: "row__end" },
-        page: g,
+        page: m,
         size: p,
         totalPages: b.pagination.totalPages,
-        onChange: ye
+        onChange: fe
       }
     ),
-    E && (b == null ? void 0 : b.pagination) && /* @__PURE__ */ i.jsx(
+    v && (b == null ? void 0 : b.pagination) && /* @__PURE__ */ l.jsx(
       Se,
       {
         variant: "cursor",
         classname: { global: "row__end" },
-        page: g,
+        page: m,
         hasNextPage: !!b.pagination.hasMore,
-        onChange: ye
+        onChange: fe
       }
     )
-  ] }) : /* @__PURE__ */ i.jsx(je, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, ia = "_tabsPanel_kvslb_1", la = {
-  tabsPanel: ia
-}, da = ({ userFlow: e, pageId: t, components: n }) => {
+  ] }) : /* @__PURE__ */ l.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
+}, fa = "_tabsPanel_kvslb_1", ga = {
+  tabsPanel: fa
+}, ma = ({ userFlow: e, pageId: t, components: n }) => {
   const s = T(e, t, n);
-  return s != null && s.length ? /* @__PURE__ */ i.jsx("section", { className: la.tabsPanel, children: s.map((o, a) => /* @__PURE__ */ i.jsx(A, { children: o }, `tabs-panel-${a}`)) }) : null;
-}, ua = ({
+  return s != null && s.length ? /* @__PURE__ */ l.jsx("section", { className: ga.tabsPanel, children: s.map((o, a) => /* @__PURE__ */ l.jsx(k, { children: o }, `tabs-panel-${a}`)) }) : null;
+}, xa = ({
   userFlow: e,
   pageId: t,
   hash: n,
@@ -3466,28 +3481,28 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
   className: a,
   responseKey: c
 }) => {
-  const r = s.map((l, u) => ({
-    label: l.label,
-    disabled: l.disabled,
-    children: /* @__PURE__ */ i.jsx(
-      da,
+  const r = s.map((i, u) => ({
+    label: i.label,
+    disabled: i.disabled,
+    children: /* @__PURE__ */ l.jsx(
+      ma,
       {
         userFlow: e,
         pageId: t,
-        components: l.components
+        components: i.components
       },
       `${n}-tab-${u}`
     )
-  })), d = (l) => {
+  })), d = (i) => {
     var _;
     const u = {
-      ...(_ = v.getState()[e]) == null ? void 0 : _.entries,
-      [c]: l
+      ...(_ = E.getState()[e]) == null ? void 0 : _.entries,
+      [c]: i
     };
-    q(e, u);
+    L(e, u);
   };
-  return /* @__PURE__ */ i.jsx(
-    Tn,
+  return /* @__PURE__ */ l.jsx(
+    An,
     {
       className: a,
       activeIndex: o,
@@ -3495,9 +3510,9 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
       onClick: d
     }
   );
-}, _a = "_textareaNotFront_1wpe5_1", ha = {
-  textareaNotFront: _a
-}, fa = (e) => {
+}, ya = "_textareaNotFront_1wpe5_1", pa = {
+  textareaNotFront: ya
+}, ba = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -3507,28 +3522,28 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
     required: c,
     dependencies: r,
     ...d
-  } = e, { value: l, ...u } = d, [_, h] = Je(
+  } = e, { value: i, ...u } = d, [_, h] = Je(
     t,
     a,
-    l ?? ""
-  ), { disabled: f } = $(
+    i ?? ""
+  ), { disabled: f } = I(
     t,
     r
-  ), m = (u == null ? void 0 : u.disabled) ?? f, y = k(() => c && (u != null && u.label) ? `${u.label} *` : (u == null ? void 0 : u.label) ?? "", [u == null ? void 0 : u.label, c]), g = (x) => h(x.target.value);
-  return /* @__PURE__ */ i.jsx(
-    An,
+  ), g = (u == null ? void 0 : u.disabled) ?? f, x = A(() => c && (u != null && u.label) ? `${u.label} *` : (u == null ? void 0 : u.label) ?? "", [u == null ? void 0 : u.label, c]), m = (y) => h(y.target.value);
+  return /* @__PURE__ */ l.jsx(
+    Sn,
     {
       ...u,
-      className: ha.textareaNotFront,
-      label: y,
+      className: pa.textareaNotFront,
+      label: x,
       value: _,
-      disabled: m,
-      onChange: (x) => !m && g(x)
+      disabled: g,
+      onChange: (y) => !g && m(y)
     }
   );
-}, ma = "_textFieldNotFront_1n8fy_1", ga = {
-  textFieldNotFront: ma
-}, ya = (e) => {
+}, Ca = "_textFieldNotFront_1n8fy_1", ja = {
+  textFieldNotFront: Ca
+}, wa = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -3538,27 +3553,27 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
     required: c,
     dependencies: r,
     ...d
-  } = e, { value: l, ...u } = d, [_, h] = Je(
+  } = e, { value: i, ...u } = d, [_, h] = Je(
     t,
     a,
-    l ?? ""
-  ), { disabled: f } = $(
+    i ?? ""
+  ), { disabled: f } = I(
     t,
     r
-  ), m = (u == null ? void 0 : u.disabled) ?? f, y = k(() => c && (u != null && u.label) ? `${u == null ? void 0 : u.label} *` : (u == null ? void 0 : u.label) ?? "", [u == null ? void 0 : u.label, c]), g = (x) => h(x.target.value);
-  return /* @__PURE__ */ i.jsx(
+  ), g = (u == null ? void 0 : u.disabled) ?? f, x = A(() => c && (u != null && u.label) ? `${u == null ? void 0 : u.label} *` : (u == null ? void 0 : u.label) ?? "", [u == null ? void 0 : u.label, c]), m = (y) => h(y.target.value);
+  return /* @__PURE__ */ l.jsx(
     kn,
     {
       ...u,
-      className: ga.textFieldNotFront,
+      className: ja.textFieldNotFront,
       allowClear: !1,
-      label: y,
+      label: x,
       value: _,
-      disabled: m,
-      onChange: (x) => !m && g(x)
+      disabled: g,
+      onChange: (y) => !g && m(y)
     }
   );
-}, xa = ({
+}, Na = ({
   userFlow: e,
   pageId: t,
   responseKey: n,
@@ -3567,8 +3582,8 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
   actionType: a,
   redirectUrl: c
 }) => {
-  const r = O(async () => {
-    Ve(e);
+  const r = S(async () => {
+    Ke(e);
     try {
       switch (a) {
         case "AUTOCLOSE_AND_REDIRECT":
@@ -3582,22 +3597,22 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
       console.error("Error in toast action:", d), alert(JSON.stringify(d));
     }
   }, [a, t, n, e, c]);
-  return U(() => {
+  return G(() => {
     ({
-      info: de.info,
-      error: de.error,
-      success: de.success,
-      warning: de.warning
-    }[s] || de.info)(o, {
+      info: ae.info,
+      error: ae.error,
+      success: ae.success,
+      warning: ae.warning
+    }[s] || ae.info)(o, {
       autoClose: a ? !1 : 4e3,
       containerId: e,
       onClose: r
     });
   }, [r, e]), null;
-}, pa = "_tooltipNotFront_106iw_1", ba = "_tooltipNotFront_content_106iw_5", Ct = {
-  tooltipNotFront: pa,
-  tooltipNotFront_content: ba
-}, ja = (e) => {
+}, Ea = "_tooltipNotFront_106iw_1", va = "_tooltipNotFront_content_106iw_5", Ct = {
+  tooltipNotFront: Ea,
+  tooltipNotFront_content: va
+}, Ta = (e) => {
   const {
     userFlow: t,
     pageId: n,
@@ -3607,75 +3622,75 @@ const Eo = /\{([^}]+)\}/g, To = (e, t) => {
     content: c,
     label: r,
     placement: d,
-    notShowArrow: l,
+    notShowArrow: i,
     visible: u
   } = e, _ = T(
     t,
     n,
     c != null && c.length ? c : null
-  ), h = _ && _.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: Ct.tooltipNotFront_content, children: _.map((f, m) => /* @__PURE__ */ i.jsx(A, { children: f }, `tooltip-${o}-${m}`)) }) : null;
-  return /* @__PURE__ */ i.jsx(
-    Sn,
+  ), h = _ && _.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: Ct.tooltipNotFront_content, children: _.map((f, g) => /* @__PURE__ */ l.jsx(k, { children: f }, `tooltip-${o}-${g}`)) }) : null;
+  return /* @__PURE__ */ l.jsx(
+    On,
     {
       className: Ct.tooltipNotFront,
       label: r,
       placement: d,
-      notShowArrow: l,
+      notShowArrow: i,
       visible: u,
       children: h
     }
   );
 };
-function Va({
+function Qa({
   sessionName: e,
   apiConfig: t,
   onResolveComponentProps: n,
   children: s
 }) {
-  const o = ka(
+  const o = $a(
     e,
     t,
     null,
     n
   );
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     o,
     s
   ] });
 }
-const Ca = { api: "", headers: {} }, Na = ({
+const Aa = { api: "", headers: {} }, Sa = ({
   userFlow: e,
   components: t,
   hash: n,
   apiConfig: s
 }) => {
   const o = n ?? `${e}-page`;
-  S(() => {
-    var d, l;
-    return (l = (d = v.getState()[e]) == null ? void 0 : d.pages) != null && l[o] || be(e, s ?? Ca, {
+  O(() => {
+    var d, i;
+    return (i = (d = E.getState()[e]) == null ? void 0 : d.pages) != null && i[o] || xe(e, s ?? Aa, {
       type: "page",
       hash: o,
       body: { components: t }
     }), null;
   });
   const a = T(e, o, t);
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: a });
+  return /* @__PURE__ */ l.jsx(l.Fragment, { children: a });
 };
-function wa(e) {
+function ka(e) {
   if (e == null || typeof e != "object" || !("components" in e) || !Array.isArray(e.components))
     throw new Error(
       "[renderNotFront] payload.display must be an object with a `components` array"
     );
   return e.components;
 }
-const va = ({ payload: e, userFlow: t }) => {
-  const n = wa(e.display), s = Na({
+const Oa = ({ payload: e, userFlow: t }) => {
+  const n = ka(e.display), s = Sa({
     userFlow: t,
     hash: e.id,
     components: n
   });
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: s });
-}, za = va, Nt = (e, t, n, s, {
+  return /* @__PURE__ */ l.jsx(l.Fragment, { children: s });
+}, Za = Oa, jt = (e, t, n, s, {
   onResolveComponentProps: o,
   embedded: a
 } = {}) => {
@@ -3687,8 +3702,8 @@ const va = ({ payload: e, userFlow: t }) => {
   );
   switch (n) {
     case "body":
-      return /* @__PURE__ */ i.jsx(
-        Rr,
+      return /* @__PURE__ */ l.jsx(
+        $r,
         {
           ...s,
           inputs: c || [],
@@ -3697,8 +3712,8 @@ const va = ({ payload: e, userFlow: t }) => {
         JSON.stringify(s == null ? void 0 : s.components)
       );
     case "header":
-      return /* @__PURE__ */ i.jsx(
-        ao,
+      return /* @__PURE__ */ l.jsx(
+        ho,
         {
           ...s,
           components: c || []
@@ -3708,7 +3723,7 @@ const va = ({ payload: e, userFlow: t }) => {
     default:
       return null;
   }
-}, Ea = (e) => ({
+}, Ra = (e) => ({
   id: e.id,
   label: e.label,
   icon: e.icon,
@@ -3716,8 +3731,8 @@ const va = ({ payload: e, userFlow: t }) => {
   showBadge: e.showBadge,
   badgeAriaLabel: e.badgeAriaLabel,
   href: e.actionType === "REDIRECT" ? e.redirectUrl : void 0
-}), Ta = (e, t, n = []) => {
-  const s = We(
+}), Da = (e, t, n = []) => {
+  const s = Xe(
     e,
     t
   ), o = (a, c) => {
@@ -3725,10 +3740,10 @@ const va = ({ payload: e, userFlow: t }) => {
     (r == null ? void 0 : r.actionType) === "GO_TO_NEXT_UI" && (c.preventDefault(), s(r));
   };
   return {
-    sections: n.map((a) => a.map(Ea)),
+    sections: n.map((a) => a.map(Ra)),
     onItemClick: o
   };
-}, Aa = ({
+}, Ia = ({
   userFlow: e,
   responseKey: t,
   sections: n,
@@ -3737,13 +3752,13 @@ const va = ({ payload: e, userFlow: t }) => {
   ariaLabel: a,
   children: c
 }) => {
-  const r = Ta(
+  const r = Da(
     e,
     t,
     n
   );
-  return /* @__PURE__ */ i.jsx(
-    On,
+  return /* @__PURE__ */ l.jsx(
+    Rn,
     {
       ...r,
       activeId: s,
@@ -3752,89 +3767,89 @@ const va = ({ payload: e, userFlow: t }) => {
       children: c
     }
   );
-}, ka = (e, t, n, s) => {
+}, $a = (e, t, n, s) => {
   var b;
-  const [o, a] = S(!1), c = !!(t != null && t.api && !n && e), [r, d] = S(c), l = v((C) => C[e]), u = l == null ? void 0 : l.currentPageId, _ = (l == null ? void 0 : l.isLoading) ?? !1, h = r || _, f = u ? (b = l == null ? void 0 : l.pages[u]) == null ? void 0 : b.page : void 0, m = (f == null ? void 0 : f.type) === "page" ? f.headerNavigation : void 0, y = (f == null ? void 0 : f.type) === "page" ? f.contextualNavigation : void 0, g = (f == null ? void 0 : f.header) ?? null, x = !!g || !m;
-  U(() => {
+  const [o, a] = O(!1), c = !!(t != null && t.api && !n && e), [r, d] = O(c), i = E((j) => j[e]), u = i == null ? void 0 : i.currentPageId, _ = (i == null ? void 0 : i.isLoading) ?? !1, h = r || _, f = u ? (b = i == null ? void 0 : i.pages[u]) == null ? void 0 : b.page : void 0, g = (f == null ? void 0 : f.type) === "page" ? f.headerNavigation : void 0, x = (f == null ? void 0 : f.type) === "page" ? f.contextualNavigation : void 0, m = (f == null ? void 0 : f.header) ?? null, y = !!m || !g;
+  G(() => {
     if (typeof window > "u") return;
-    const C = new URL(window.location.href), N = C.searchParams.get("sessionId");
-    N && (Me(N), C.searchParams.delete("sessionId"), window.history.replaceState({}, "", C.toString()));
+    const j = new URL(window.location.href), w = j.searchParams.get("sessionId");
+    w && (Me(w), j.searchParams.delete("sessionId"), window.history.replaceState({}, "", j.toString()));
   }, []);
-  const j = Nt(e, u ?? "", "header", g, {
+  const C = jt(e, u ?? "", "header", m, {
     onResolveComponentProps: s
-  }), p = Nt(
+  }), p = jt(
     e,
     u ?? "",
     "body",
     (f == null ? void 0 : f.body) ?? null,
-    { onResolveComponentProps: s, embedded: !!y }
-  ), w = async () => {
+    { onResolveComponentProps: s, embedded: !!x }
+  ), N = async () => {
     try {
-      const C = await $t(
+      const j = await It(
         t,
         e
-      ), N = C == null ? void 0 : C.data, E = N == null ? void 0 : N.content;
-      (C == null ? void 0 : C.status) === 200 ? be(
+      ), w = j == null ? void 0 : j.data, v = w == null ? void 0 : w.content;
+      (j == null ? void 0 : j.status) === 200 ? xe(
         e,
         t,
-        E,
-        N == null ? void 0 : N.sessionState,
-        N == null ? void 0 : N.sessionId
+        v,
+        w == null ? void 0 : w.sessionState,
+        w == null ? void 0 : w.sessionId
       ) : a(!0);
-    } catch (C) {
-      console.error("[not-page]: API call failed", C), a(!0);
+    } catch (j) {
+      console.error("[not-page]: API call failed", j), a(!0);
     } finally {
       d(!1);
     }
   };
-  return U(() => {
-    t != null && t.api && !n && e ? w() : !(t != null && t.api) && n && e || t != null && t.api && n && e ? be(e, t, n) : (!(t != null && t.api) && !n || !e) && (a(!0), console.error(
+  return G(() => {
+    t != null && t.api && !n && e ? N() : !(t != null && t.api) && n && e || t != null && t.api && n && e ? xe(e, t, n) : (!(t != null && t.api) && !n || !e) && (a(!0), console.error(
       "[not-page]: API call failed",
       "not api config",
       "not userFlow"
     ));
-    const C = "avocado-theme-mode-changed", N = (E) => {
-      const D = E.detail;
-      fe.setThemeMode(D);
+    const j = "avocado-theme-mode-changed", w = (v) => {
+      const R = v.detail;
+      ue.setThemeMode(R);
     };
-    return window.addEventListener(C, N), () => {
-      window.removeEventListener(C, N);
+    return window.addEventListener(j, w), () => {
+      window.removeEventListener(j, w);
     };
-  }, []), o && console.error("[not-page]: No render page"), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    h && /* @__PURE__ */ i.jsx(Dn, {}),
-    u && x ? j : null,
-    u && m && /* @__PURE__ */ i.jsx(
-      Kt,
+  }, []), o && console.error("[not-page]: No render page"), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    h && /* @__PURE__ */ l.jsx(Dn, {}),
+    u && y ? C : null,
+    u && g && /* @__PURE__ */ l.jsx(
+      Ht,
       {
-        ...m,
+        ...g,
         userFlow: e,
         pageId: u,
         onResolveComponentProps: s
       }
     ),
-    u && (y ? /* @__PURE__ */ i.jsx(
-      Aa,
+    u && (x ? /* @__PURE__ */ l.jsx(
+      Ia,
       {
-        ...y,
+        ...x,
         userFlow: e,
         children: p
       },
-      y.hash
+      x.hash
     ) : p),
-    u && /* @__PURE__ */ i.jsx(fo, { userFlow: e, pageId: u }),
-    l && /* @__PURE__ */ i.jsx(Rn, {})
+    u && /* @__PURE__ */ l.jsx(bo, { userFlow: e, pageId: u }),
+    i && /* @__PURE__ */ l.jsx(In, {})
   ] });
 };
 export {
-  Ds as Chart,
-  Va as NotFrontPage,
-  va as RenderNotFront,
-  vo as Row,
-  Ma as clearSessionId,
-  wa as extractNotFrontComponents,
-  ir as heading,
-  za as renderNotFront,
-  lr as text,
-  Na as useNotFrontFragment,
-  ka as usePage
+  Bs as Chart,
+  Qa as NotFrontPage,
+  Oa as RenderNotFront,
+  Oo as Row,
+  Ya as clearSessionId,
+  ka as extractNotFrontComponents,
+  dr as heading,
+  Za as renderNotFront,
+  ur as text,
+  Sa as useNotFrontFragment,
+  $a as usePage
 };