npm - @foris/avocado-not-front - Versions diffs - 5.2.10 → 5.2.11 - Mend

@foris/avocado-not-front 5.2.10 → 5.2.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/avocado-not-front.es.js +992 -932
package/dist/avocado-not-front.umd.js +3 -3
package/dist/components/table/TableArrayPills.d.ts +5 -0
package/dist/types/components.type.d.ts +22 -2
package/dist/types/componentsCore.type.d.ts +11 -1
package/dist/utils/pillVariant.util.d.ts +29 -6
package/package.json +6 -6

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

@@ -1,23 +1,23 @@
 import X from "axios";
-import { create as Se } from "zustand";
-import Te, { useMemo as D, useState as q, useCallback as L, Fragment as A, useEffect as U, useRef as ut, cloneElement as Ae } from "react";
-import { Heading as re, Text as ae, Accordion as Oe, ThemeStore as ht, Box as $e, RadioButton as De, Stepper as Re, ProgressBar as qe, Breadcrumbs as Le, Button as Ie, CardAccordion as Ke, Card as Be, CardNotification as mt, SkeletonBase as oe, Checkbox as Me, PreviewerMarkdown as ce, DataCard as ie, Divider as Ge, Drawer as He, DropdownButton as Ve, Link as Ue, Menu as ze, Modal as Xe, Pill as St, RoundButton as Je, SelectPagination as We, Select as Ye, Switch as Qe, Table as Mt, Pager as Ct, Tabs as Ze, Textarea as Fe, TextField as Pe, toast as lt, Tooltip as tn, Loading as en, Toaster as nn } from "@foris/avocado-suite";
-import { ChatPanel as sn, PromptCodeEditor as rn, SummaryCard as an } from "@foris/ai-agent";
+import { create as Ae } from "zustand";
+import Oe, { useMemo as D, useState as L, useCallback as I, Fragment as A, useEffect as U, useRef as ut, cloneElement as $e } from "react";
+import { Heading as oe, Text as ce, Accordion as De, ThemeStore as ht, Box as Re, RadioButton as Le, Stepper as Ie, ProgressBar as qe, Breadcrumbs as Ke, Button as Be, CardAccordion as Me, Card as Ge, CardNotification as mt, SkeletonBase as ie, Checkbox as He, PreviewerMarkdown as le, DataCard as de, Divider as Ve, Drawer as Ue, DropdownButton as ze, Link as Xe, Menu as Je, Modal as We, Pill as Tt, RoundButton as Ye, SelectPagination as Qe, Select as Ze, Switch as Pe, Table as Gt, Pager as Ct, Tabs as Fe, Textarea as tn, TextField as en, toast as lt, Tooltip as nn, Loading as rn, Toaster as sn } from "@foris/avocado-suite";
+import { ChatPanel as an, PromptCodeEditor as on, SummaryCard as cn } from "@foris/ai-agent";
 import M from "jsonpath";
-import { ResponsiveContainer as $t, Legend as on, Tooltip as cn, XAxis as ln, YAxis as dn, AreaChart as _n, CartesianGrid as st, Area as le, BarChart as Dt, Bar as pt, ComposedChart as un, Line as de, PieChart as _e, Pie as ue, Cell as he, Sector as Gt, LineChart as hn } from "recharts";
-import fn from "@uiw/react-codemirror";
-import { json as Ht } from "@codemirror/lang-json";
-import { markdown as xn } from "@codemirror/lang-markdown";
-import { sql as yn } from "@codemirror/lang-sql";
-import { yaml as mn } from "@codemirror/lang-yaml";
-import { Icon as Vt } from "@foris/avocado-icons";
-const Rt = "sessionId", gn = () => sessionStorage.getItem(Rt), qt = (t) => {
-  t && sessionStorage.setItem(Rt, t);
-}, Ka = () => {
-  sessionStorage.removeItem(Rt);
-}, v = Se(() => ({})), yt = (t, e, s, r, o) => {
-  qt(o);
-  const i = s == null ? void 0 : s.hash, c = r && Object.keys(r).length > 0 ? { ...r } : {};
+import { ResponsiveContainer as Dt, Legend as ln, Tooltip as dn, XAxis as _n, YAxis as un, AreaChart as hn, CartesianGrid as rt, Area as _e, BarChart as Rt, Bar as pt, ComposedChart as fn, Line as ue, PieChart as he, Pie as fe, Cell as xe, Sector as Ht, LineChart as xn } from "recharts";
+import yn from "@uiw/react-codemirror";
+import { json as Vt } from "@codemirror/lang-json";
+import { markdown as mn } from "@codemirror/lang-markdown";
+import { sql as gn } from "@codemirror/lang-sql";
+import { yaml as pn } from "@codemirror/lang-yaml";
+import { Icon as Ut } from "@foris/avocado-icons";
+const Lt = "sessionId", bn = () => sessionStorage.getItem(Lt), It = (t) => {
+  t && sessionStorage.setItem(Lt, t);
+}, Ga = () => {
+  sessionStorage.removeItem(Lt);
+}, v = Ae(() => ({})), yt = (t, e, r, s, o) => {
+  It(o);
+  const i = r == null ? void 0 : r.hash, c = s && Object.keys(s).length > 0 ? { ...s } : {};
   v.setState((n) => {
     var _;
     return {
@@ -34,22 +34,22 @@ const Rt = "sessionId", gn = () => sessionStorage.getItem(Rt), qt = (t) => {
         pages: {
           ...(_ = n[t]) == null ? void 0 : _.pages,
           [i]: {
-            page: s
+            page: r
           }
         }
       }
     };
   });
-}, fe = (t, e, s) => {
-  const r = s && Object.keys(s).length > 0 ? { ...t, ...s } : t;
-  return e.length === 0 ? r : Object.fromEntries(
-    Object.entries(r).filter(([o]) => !e.includes(o))
+}, ye = (t, e, r) => {
+  const s = r && Object.keys(r).length > 0 ? { ...t, ...r } : t;
+  return e.length === 0 ? s : Object.fromEntries(
+    Object.entries(s).filter(([o]) => !e.includes(o))
   );
-}, pn = (t, e, s, r, o) => {
-  qt(s), v.setState((i) => {
-    const c = i[t] ?? {}, n = c.entries ?? {}, _ = fe(
+}, jn = (t, e, r, s, o) => {
+  It(r), v.setState((i) => {
+    const c = i[t] ?? {}, n = c.entries ?? {}, _ = ye(
       n,
-      r,
+      s,
       o
     );
     return {
@@ -69,13 +69,13 @@ const Rt = "sessionId", gn = () => sessionStorage.getItem(Rt), qt = (t) => {
       }
     };
   });
-}, bn = (t, e, s, r) => {
+}, Cn = (t, e, r, s) => {
   v.setState((o) => {
     var l;
-    const i = o[t] ?? {}, c = i.entries ?? {}, n = fe(
+    const i = o[t] ?? {}, c = i.entries ?? {}, n = ye(
       c,
-      s,
-      r
+      r,
+      s
     ), _ = (l = e.components) == null ? void 0 : l.some(
       (d) => d.component === "drawer"
     );
@@ -91,7 +91,7 @@ const Rt = "sessionId", gn = () => sessionStorage.getItem(Rt), qt = (t) => {
       }
     };
   });
-}, Lt = (t) => {
+}, qt = (t) => {
   v.setState((e) => ({
     ...e,
     [t]: {
@@ -99,109 +99,109 @@ const Rt = "sessionId", gn = () => sessionStorage.getItem(Rt), qt = (t) => {
       overlay: null
     }
   }));
-}, jn = (t) => {
-  var s;
-  return ((s = v.getState()[t]) == null ? void 0 : s.overlay) ?? null;
+}, wn = (t) => {
+  var r;
+  return ((r = v.getState()[t]) == null ? void 0 : r.overlay) ?? null;
 }, K = (t, e) => {
   const {
-    content: s,
-    sessionId: r,
+    content: r,
+    sessionId: s,
     deprecatedStateKeys: o = [],
     sessionState: i
   } = e;
-  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? pn(
+  r.type !== "page" && r.type !== "overlay" || (r.type === "page" ? jn(
     t,
-    s,
     r,
+    s,
     o,
     i
-  ) : bn(
+  ) : Cn(
     t,
-    s,
+    r,
     o,
     i
   ));
-}, I = (t, e) => {
-  v.setState((s) => {
-    var r;
+}, q = (t, e) => {
+  v.setState((r) => {
+    var s;
     return {
-      ...s,
+      ...r,
       [t]: {
-        ...s[t],
+        ...r[t],
         entries: {
-          ...(r = s[t]) == null ? void 0 : r.entries,
+          ...(s = r[t]) == null ? void 0 : s.entries,
           ...e
           // New entries
         }
       }
     };
   });
-}, Cn = (t, e) => {
-  v.setState((s) => {
-    const r = s[t];
-    if (!r)
-      return s;
-    const o = r.entries ?? {};
+}, Nn = (t, e) => {
+  v.setState((r) => {
+    const s = r[t];
+    if (!s)
+      return r;
+    const o = s.entries ?? {};
     if (!(e in o))
-      return s;
+      return r;
     const { [e]: i, ...c } = o;
     return {
-      ...s,
+      ...r,
       [t]: {
-        ...r,
+        ...s,
         entries: c
       }
     };
   });
-}, F = (t, e) => {
-  v.setState((s) => ({
-    ...s,
+}, P = (t, e) => {
+  v.setState((r) => ({
+    ...r,
     [t]: {
-      ...s[t],
+      ...r[t],
       isLoading: e
     }
   }));
-}, It = (t, e) => {
-  v.setState((s) => ({
-    ...s,
+}, Kt = (t, e) => {
+  v.setState((r) => ({
+    ...r,
     [t]: {
-      ...s[t],
+      ...r[t],
       isModalOpen: e
     }
   }));
 }, _t = (t, e) => {
-  v.setState((s) => ({
-    ...s,
+  v.setState((r) => ({
+    ...r,
     [t]: {
-      ...s[t],
+      ...r[t],
       isDrawerOpen: e
     }
   }));
-}, Ut = (t, e) => {
-  v.setState((s) => {
-    const r = s[t];
-    return r ? {
-      ...s,
+}, zt = (t, e) => {
+  v.setState((r) => {
+    const s = r[t];
+    return s ? {
+      ...r,
       [t]: {
-        ...r,
+        ...s,
         apiConfig: {
-          ...r.apiConfig,
+          ...s.apiConfig,
           headers: e
         }
       }
-    } : s;
+    } : r;
   });
 };
-let wt = !1, gt = [], zt = !1;
-const wn = (t) => t._userFlow || null, Xt = (t) => {
-  gt.forEach(({ resolve: e, reject: s }) => {
-    t ? s(t) : e(void 0);
+let wt = !1, gt = [], Xt = !1;
+const vn = (t) => t._userFlow || null, Jt = (t) => {
+  gt.forEach(({ resolve: e, reject: r }) => {
+    t ? r(t) : e(void 0);
   }), gt = [];
-}, Nn = async (t) => {
-  var r, o;
+}, En = async (t) => {
+  var s, o;
   const e = t == null ? void 0 : t.config;
-  if (((r = t == null ? void 0 : t.response) == null ? void 0 : r.status) === 401 && !e._retry) {
-    const i = wn(e);
+  if (((s = t == null ? void 0 : t.response) == null ? void 0 : s.status) === 401 && !e._retry) {
+    const i = vn(e);
     if (i) {
       const n = (o = v.getState()[i]) == null ? void 0 : o.apiConfig;
       if (!n)
@@ -220,7 +220,7 @@ const wn = (t) => t._userFlow || null, Xt = (t) => {
             l = n.headers();
           else
             throw new Error("No refresh handler available");
-          return n.onAuthenticationError && (typeof n.headers == "string" ? Ut(i, JSON.stringify(l)) : Ut(i, l)), e.headers || (e.headers = {}), Object.assign(e.headers, l), Xt(null), X(e);
+          return n.onAuthenticationError && (typeof n.headers == "string" ? zt(i, JSON.stringify(l)) : zt(i, l)), e.headers || (e.headers = {}), Object.assign(e.headers, l), Jt(null), X(e);
         } catch (l) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
@@ -228,7 +228,7 @@ const wn = (t) => t._userFlow || null, Xt = (t) => {
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
             gt.length
-          ), Xt(l), Promise.reject(l);
+          ), Jt(l), Promise.reject(l);
         } finally {
           wt = !1;
         }
@@ -243,17 +243,17 @@ const wn = (t) => t._userFlow || null, Xt = (t) => {
       );
   }
   return Promise.reject(t);
-}, vn = () => {
-  if (zt) {
+}, kn = () => {
+  if (Xt) {
     console.debug(
       "[axiosInterceptors] Interceptors already initialized, skipping"
     );
     return;
   }
-  console.debug("[axiosInterceptors] Initializing interceptors..."), X.interceptors.response.use(void 0, Nn), console.debug("[axiosInterceptors] Response error interceptor registered"), zt = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
+  console.debug("[axiosInterceptors] Initializing interceptors..."), X.interceptors.response.use(void 0, En), console.debug("[axiosInterceptors] Response error interceptor registered"), Xt = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
 };
-vn();
-function En(t) {
+kn();
+function Tn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Nt = { exports: {} }, dt = {};
@@ -266,130 +266,130 @@ var Nt = { exports: {} }, dt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Jt;
-function kn() {
-  if (Jt) return dt;
-  Jt = 1;
-  var t = Te, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Wt;
+function Sn() {
+  if (Wt) return dt;
+  Wt = 1;
+  var t = Oe, e = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(n, _, l) {
     var d, u = {}, h = null, f = null;
     l !== void 0 && (h = "" + l), _.key !== void 0 && (h = "" + _.key), _.ref !== void 0 && (f = _.ref);
-    for (d in _) r.call(_, d) && !i.hasOwnProperty(d) && (u[d] = _[d]);
+    for (d in _) s.call(_, d) && !i.hasOwnProperty(d) && (u[d] = _[d]);
     if (n && n.defaultProps) for (d in _ = n.defaultProps, _) u[d] === void 0 && (u[d] = _[d]);
     return { $$typeof: e, type: n, key: h, ref: f, props: u, _owner: o.current };
   }
-  return dt.Fragment = s, dt.jsx = c, dt.jsxs = c, dt;
+  return dt.Fragment = r, dt.jsx = c, dt.jsxs = c, dt;
 }
-var Wt;
-function Sn() {
-  return Wt || (Wt = 1, Nt.exports = kn()), Nt.exports;
+var Yt;
+function An() {
+  return Yt || (Yt = 1, Nt.exports = Sn()), Nt.exports;
 }
-var a = Sn();
-const Tn = (t) => {
+var a = An();
+const On = (t) => {
   if (!(t != null && t.content)) return null;
   const e = {
     ...t,
     children: t.content,
     type: t.variant
   };
-  return /* @__PURE__ */ a.jsx(re, { ...e });
-}, An = (t) => {
+  return /* @__PURE__ */ a.jsx(oe, { ...e });
+}, $n = (t) => {
   if (!t) return null;
   const e = {
     ...t,
     children: t.content
   };
-  return /* @__PURE__ */ a.jsx(ae, { ...e });
-}, E = (t, e, s, r) => {
+  return /* @__PURE__ */ a.jsx(ce, { ...e });
+}, E = (t, e, r, s) => {
   var c;
   const o = {
-    accordion: (n) => /* @__PURE__ */ a.jsx(Bn, { ...n, userFlow: t, pageId: e }),
+    accordion: (n) => /* @__PURE__ */ a.jsx(Gn, { ...n, userFlow: t, pageId: e }),
     aiChatPanel: (n) => /* @__PURE__ */ a.jsx(
-      Mn,
+      Hn,
       {
         ...n,
         userFlow: t,
         pageId: e,
-        onResolveProps: r == null ? void 0 : r.aiChatPanel
+        onResolveProps: s == null ? void 0 : s.aiChatPanel
       }
     ),
     aiSummaryCard: (n) => /* @__PURE__ */ a.jsx(
-      Xn,
+      Wn,
       {
         ...n,
         userFlow: t,
         pageId: e,
-        onResolveProps: r == null ? void 0 : r.aiSummaryCard
+        onResolveProps: s == null ? void 0 : s.aiSummaryCard
       }
     ),
-    aiPromptCodeEditor: (n) => /* @__PURE__ */ a.jsx(Vn, { ...n, userFlow: t, pageId: e }),
-    box: (n) => /* @__PURE__ */ a.jsx(Fn, { ...n, userFlow: t, pageId: e }),
-    breadcrumbs: (n) => /* @__PURE__ */ a.jsx(ds, { ...n, userFlow: t, pageId: e }),
-    tooltip: (n) => /* @__PURE__ */ a.jsx(pa, { ...n, userFlow: t, pageId: e }),
-    textarea: (n) => /* @__PURE__ */ a.jsx(ua, { ...n, userFlow: t, pageId: e }),
-    card: (n) => /* @__PURE__ */ a.jsx(ys, { ...n, userFlow: t, pageId: e }),
-    dropdownButton: (n) => /* @__PURE__ */ a.jsx(xr, { ...n, userFlow: t, pageId: e }),
-    menu: (n) => /* @__PURE__ */ a.jsx(br, { ...n, userFlow: t, pageId: e }),
-    radioGroup: (n) => /* @__PURE__ */ a.jsx(cs, { ...n, userFlow: t, pageId: e }),
-    stepper: (n) => /* @__PURE__ */ a.jsx(is, { ...n, userFlow: t, pageId: e }),
-    progressBar: (n) => /* @__PURE__ */ a.jsx(ls, { ...n, userFlow: t, pageId: e }),
-    button: (n) => /* @__PURE__ */ a.jsx(_s, { ...n, userFlow: t, pageId: e }),
-    cardAccordion: (n) => /* @__PURE__ */ a.jsx(hs, { ...n, userFlow: t, pageId: e }),
-    cardNotification: (n) => /* @__PURE__ */ a.jsx(ms, { ...n, userFlow: t, pageId: e }),
-    chart: (n) => /* @__PURE__ */ a.jsx(Xs, { ...n, userFlow: t }),
-    dataCard: (n) => /* @__PURE__ */ a.jsx(cr, { ...n, userFlow: t, pageId: e }),
-    checkbox: (n) => /* @__PURE__ */ a.jsx(Js, { ...n, userFlow: t, pageId: e }),
-    code: (n) => /* @__PURE__ */ a.jsx(tr, { ...n, userFlow: t, pageId: e }),
-    divider: (n) => /* @__PURE__ */ a.jsx(dr, { ...n }),
-    drawer: (n) => /* @__PURE__ */ a.jsx(fr, { ...n, userFlow: t, pageId: e }),
-    heading: (n) => Tn(n),
-    link: (n) => /* @__PURE__ */ a.jsx(pr, { ...n, userFlow: t, pageId: e }),
-    pill: (n) => /* @__PURE__ */ a.jsx(Sr, { ...n }),
-    previewerMarkdown: (n) => /* @__PURE__ */ a.jsx(Tr, { ...n }),
-    modal: (n) => /* @__PURE__ */ a.jsx(wr, { ...n, userFlow: t, pageId: e }),
-    roundButton: (n) => /* @__PURE__ */ a.jsx(Ar, { ...n, userFlow: t, pageId: e }),
-    row: (n) => /* @__PURE__ */ a.jsx(Dr, { ...n, userFlow: t, pageId: e }),
-    select: (n) => /* @__PURE__ */ a.jsx(Gr, { ...n, userFlow: t, pageId: e }),
-    switch: (n) => /* @__PURE__ */ a.jsx(Fr, { ...n, userFlow: t, pageId: e }),
-    spacing: (n) => /* @__PURE__ */ a.jsx(Zr, { ...n, userFlow: t, pageId: e }),
-    table: (n) => /* @__PURE__ */ a.jsx(aa, { ...n, userFlow: t, pageId: e }),
-    tabs: (n) => /* @__PURE__ */ a.jsx(la, { ...n, userFlow: t, pageId: e }),
-    text: (n) => An(n),
-    textField: (n) => /* @__PURE__ */ a.jsx(xa, { ...n, userFlow: t, pageId: e }),
-    toast: (n) => /* @__PURE__ */ a.jsx(ya, { ...n, userFlow: t, pageId: e })
+    aiPromptCodeEditor: (n) => /* @__PURE__ */ a.jsx(zn, { ...n, userFlow: t, pageId: e }),
+    box: (n) => /* @__PURE__ */ a.jsx(tr, { ...n, userFlow: t, pageId: e }),
+    breadcrumbs: (n) => /* @__PURE__ */ a.jsx(ur, { ...n, userFlow: t, pageId: e }),
+    tooltip: (n) => /* @__PURE__ */ a.jsx(Ca, { ...n, userFlow: t, pageId: e }),
+    textarea: (n) => /* @__PURE__ */ a.jsx(xa, { ...n, userFlow: t, pageId: e }),
+    card: (n) => /* @__PURE__ */ a.jsx(gr, { ...n, userFlow: t, pageId: e }),
+    dropdownButton: (n) => /* @__PURE__ */ a.jsx(ms, { ...n, userFlow: t, pageId: e }),
+    menu: (n) => /* @__PURE__ */ a.jsx(Cs, { ...n, userFlow: t, pageId: e }),
+    radioGroup: (n) => /* @__PURE__ */ a.jsx(lr, { ...n, userFlow: t, pageId: e }),
+    stepper: (n) => /* @__PURE__ */ a.jsx(dr, { ...n, userFlow: t, pageId: e }),
+    progressBar: (n) => /* @__PURE__ */ a.jsx(_r, { ...n, userFlow: t, pageId: e }),
+    button: (n) => /* @__PURE__ */ a.jsx(hr, { ...n, userFlow: t, pageId: e }),
+    cardAccordion: (n) => /* @__PURE__ */ a.jsx(xr, { ...n, userFlow: t, pageId: e }),
+    cardNotification: (n) => /* @__PURE__ */ a.jsx(pr, { ...n, userFlow: t, pageId: e }),
+    chart: (n) => /* @__PURE__ */ a.jsx(Wr, { ...n, userFlow: t }),
+    dataCard: (n) => /* @__PURE__ */ a.jsx(ls, { ...n, userFlow: t, pageId: e }),
+    checkbox: (n) => /* @__PURE__ */ a.jsx(Yr, { ...n, userFlow: t, pageId: e }),
+    code: (n) => /* @__PURE__ */ a.jsx(ns, { ...n, userFlow: t, pageId: e }),
+    divider: (n) => /* @__PURE__ */ a.jsx(us, { ...n }),
+    drawer: (n) => /* @__PURE__ */ a.jsx(ys, { ...n, userFlow: t, pageId: e }),
+    heading: (n) => On(n),
+    link: (n) => /* @__PURE__ */ a.jsx(js, { ...n, userFlow: t, pageId: e }),
+    pill: (n) => /* @__PURE__ */ a.jsx(As, { ...n }),
+    previewerMarkdown: (n) => /* @__PURE__ */ a.jsx(Os, { ...n }),
+    modal: (n) => /* @__PURE__ */ a.jsx(vs, { ...n, userFlow: t, pageId: e }),
+    roundButton: (n) => /* @__PURE__ */ a.jsx($s, { ...n, userFlow: t, pageId: e }),
+    row: (n) => /* @__PURE__ */ a.jsx(Ls, { ...n, userFlow: t, pageId: e }),
+    select: (n) => /* @__PURE__ */ a.jsx(Vs, { ...n, userFlow: t, pageId: e }),
+    switch: (n) => /* @__PURE__ */ a.jsx(ta, { ...n, userFlow: t, pageId: e }),
+    spacing: (n) => /* @__PURE__ */ a.jsx(Fs, { ...n, userFlow: t, pageId: e }),
+    table: (n) => /* @__PURE__ */ a.jsx(ia, { ...n, userFlow: t, pageId: e }),
+    tabs: (n) => /* @__PURE__ */ a.jsx(ua, { ...n, userFlow: t, pageId: e }),
+    text: (n) => $n(n),
+    textField: (n) => /* @__PURE__ */ a.jsx(ga, { ...n, userFlow: t, pageId: e }),
+    toast: (n) => /* @__PURE__ */ a.jsx(pa, { ...n, userFlow: t, pageId: e })
   };
-  return (c = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : c.map((n) => {
+  return (c = r == null ? void 0 : r.filter(Boolean)) == null ? void 0 : c.map((n) => {
     const _ = o[n.component];
     return _ ? _({ ...n, userFlow: t, pageId: e }) : null;
   });
 };
-function On(t) {
+function Dn(t) {
   return !!(t == null || typeof t == "string" && t.trim() === "" || Array.isArray(t) && t.length === 0);
 }
-function xe(t, e) {
+function me(t, e) {
   if (!(e != null && e.length))
     return !1;
-  for (const s of e)
-    if (s.when === "empty") {
-      const r = t == null ? void 0 : t[s.key];
-      if (On(r))
+  for (const r of e)
+    if (r.when === "empty") {
+      const s = t == null ? void 0 : t[r.key];
+      if (Dn(s))
         return !0;
     }
   return !1;
 }
 function B(t, e) {
-  const s = v((r) => {
+  const r = v((s) => {
     var o;
-    return (o = r[t]) == null ? void 0 : o.entries;
+    return (o = s[t]) == null ? void 0 : o.entries;
   });
   return D(
     () => ({
-      disabled: xe(s, e)
+      disabled: me(r, e)
     }),
-    [e, s]
+    [e, r]
   );
 }
-const rt = (t) => {
+const st = (t) => {
   if (!t)
     return { "content-type": "application/json" };
   if (typeof t == "function")
@@ -401,89 +401,89 @@ const rt = (t) => {
       return { "content-type": "application/json", Authorization: t };
     }
   return t;
-}, ft = () => new AbortController(), $n = (t, e = {}, s = {}, r = !1, o) => {
+}, ft = () => new AbortController(), Rn = (t, e = {}, r = {}, s = !1, o) => {
   const i = ft();
-  r && i.abort();
-  const c = rt(e);
+  s && i.abort();
+  const c = st(e);
   return {
     call: X.get(t, {
       headers: {
         ...c
       },
-      params: s,
+      params: r,
       signal: i.signal,
       _userFlow: o
     }),
     controller: i
   };
-}, Tt = (t, e = {}, s = {}, r = {}, o = !1, i) => {
+}, St = (t, e = {}, r = {}, s = {}, o = !1, i) => {
   const c = ft();
   o && c.abort();
-  const n = rt(e);
+  const n = st(e);
   return {
-    call: X.post(t, s, {
+    call: X.post(t, r, {
       headers: {
         ...n
       },
-      params: r,
+      params: s,
       signal: c.signal,
       _userFlow: i
     }),
     controller: c
   };
-}, Dn = (t, e = {}, s = {}, r = {}, o = !1, i) => {
+}, Ln = (t, e = {}, r = {}, s = {}, o = !1, i) => {
   const c = ft();
   o && c.abort();
-  const n = rt(e);
+  const n = st(e);
   return {
-    call: X.put(t, s, {
+    call: X.put(t, r, {
       headers: {
         ...n
       },
-      params: r,
+      params: s,
       signal: c.signal,
       _userFlow: i
     }),
     controller: c
   };
-}, Rn = (t, e = {}, s = {}, r = {}, o = !1, i) => {
+}, In = (t, e = {}, r = {}, s = {}, o = !1, i) => {
   const c = ft();
   o && c.abort();
-  const n = rt(e);
+  const n = st(e);
   return {
-    call: X.patch(t, s, {
+    call: X.patch(t, r, {
       headers: {
         ...n
       },
-      params: r,
+      params: s,
       signal: c.signal,
       _userFlow: i
     }),
     controller: c
   };
-}, qn = (t, e = {}, s = {}, r = {}, o = !1, i) => {
+}, qn = (t, e = {}, r = {}, s = {}, o = !1, i) => {
   const c = ft();
   o && c.abort();
-  const n = rt(e);
+  const n = st(e);
   return {
     call: X.delete(t, {
       headers: {
         ...n
       },
-      data: s,
-      params: r,
+      data: r,
+      params: s,
       signal: c.signal,
       _userFlow: i
     }),
     controller: c
   };
-}, ye = () => {
+}, ge = () => {
   let t;
-  return { callEndpoint: async (r) => {
-    r.controller && (t = r.controller);
+  return { callEndpoint: async (s) => {
+    s.controller && (t = s.controller);
     let o = {};
     try {
-      o = await r.call;
+      o = await s.call;
     } catch (i) {
       throw i;
     }
@@ -491,14 +491,14 @@ const rt = (t) => {
   }, cancelEndpoint: () => {
     t && t.abort();
   } };
-}, me = async (t, e, s = "", r = {}, o = {}) => {
+}, pe = async (t, e, r = "", s = {}, o = {}) => {
   try {
-    const { callEndpoint: i } = ye(), { api: c, headers: n } = t, _ = gn(), l = new URLSearchParams({ session_name: e });
-    s && l.append("hash_code", s), _ && l.append("sessionId", _);
-    const d = `${c}/not-front/next-ui/?${l.toString()}`, u = rt(n), h = Tt(
+    const { callEndpoint: i } = ge(), { api: c, headers: n } = t, _ = bn(), l = new URLSearchParams({ session_name: e });
+    r && l.append("hash_code", r), _ && l.append("sessionId", _);
+    const d = `${c}/not-front/next-ui/?${l.toString()}`, u = st(n), h = St(
       d,
       u,
-      r,
+      s,
       o,
       !1,
       e
@@ -507,7 +507,7 @@ const rt = (t) => {
   } catch (i) {
     return console.error(i), Promise.reject(i);
   }
-}, ge = (t) => {
+}, be = (t) => {
   const e = t == null ? void 0 : t.toLowerCase();
   switch (e) {
     case "post":
@@ -519,11 +519,11 @@ const rt = (t) => {
     default:
       return "get";
   }
-}, Ln = (t, e, s) => {
-  const { url: r, paginationKeys: o, params: i } = t, c = [], n = (o == null ? void 0 : o.page) ?? "page";
-  if (c.push(`${n}=${e}`), typeof s == "string") {
+}, Kn = (t, e, r) => {
+  const { url: s, paginationKeys: o, params: i } = t, c = [], n = (o == null ? void 0 : o.page) ?? "page";
+  if (c.push(`${n}=${e}`), typeof r == "string") {
     const d = (o == null ? void 0 : o.text) ?? "text";
-    c.push(`${d}=${encodeURIComponent(s || "")}`);
+    c.push(`${d}=${encodeURIComponent(r || "")}`);
   }
   if (i && typeof i == "object") {
     const d = Object.entries(i).map(
@@ -532,15 +532,15 @@ const rt = (t) => {
     c.push(...d);
   }
   const _ = c.join("&");
-  return _ ? `${r}?${_}` : r;
-}, Kt = (t, e, s, r) => {
+  return _ ? `${s}?${_}` : s;
+}, Bt = (t, e, r, s) => {
   const { type: o, url: i, method: c, headers: n } = t;
   if (o === "rest") {
-    const _ = Ln(t, e, s), d = { ...(t == null ? void 0 : t.data) ?? {}, ...r ?? {} };
+    const _ = Kn(t, e, r), d = { ...(t == null ? void 0 : t.data) ?? {}, ...s ?? {} };
     return {
       type: "rest",
       url: _,
-      method: ge(c),
+      method: be(c),
       headers: n,
       data: d
     };
@@ -553,48 +553,48 @@ const rt = (t) => {
       query: t == null ? void 0 : t.query,
       variables: {
         ...(t == null ? void 0 : t.variables) || {},
-        ...typeof s == "string" ? { text: s } : {},
+        ...typeof r == "string" ? { text: r } : {},
         page: e
       }
     };
 }, H = () => {
-  const t = v((n) => n), { callEndpoint: e } = ye(), s = async (n, _, l, d, u = !0) => {
+  const t = v((n) => n), { callEndpoint: e } = ge(), r = async (n, _, l, d, u = !0) => {
     var h;
     try {
       const f = (h = t[n]) == null ? void 0 : h.apiConfig, y = {
         state: { ...l },
         triggerKey: d
       };
-      return u && F(n, !0), await me(
+      return u && P(n, !0), await pe(
         f,
         n,
         _,
         y
       );
     } catch (f) {
-      throw u && F(n, !1), console.error("[getNextUI] Error fetching next UI:", f), f;
+      throw u && P(n, !1), console.error("[getNextUI] Error fetching next UI:", f), f;
     }
-  }, r = (n, _) => {
+  }, s = (n, _) => {
     const { url: l, headers: d, data: u, params: h } = n;
-    switch (ge(n.method)) {
+    switch (be(n.method)) {
       case "post":
-        return Tt(l, d, u, {}, !1, _);
+        return St(l, d, u, {}, !1, _);
       case "put":
-        return Dn(l, d, u, {}, !1, _);
+        return Ln(l, d, u, {}, !1, _);
       case "patch":
-        return Rn(l, d, u, {}, !1, _);
+        return In(l, d, u, {}, !1, _);
       case "delete":
         return qn(l, d, u, h, !1, _);
       case "get":
       default:
-        return $n(l, d, h, !1, _);
+        return Rn(l, d, h, !1, _);
     }
   }, o = (n, _) => {
     const { url: l, headers: d } = n, u = {
       query: n == null ? void 0 : n.query,
       variables: (n == null ? void 0 : n.variables) || {}
     };
-    return Tt(
+    return St(
       l,
       {
         ...d,
@@ -611,12 +611,12 @@ const rt = (t) => {
       console.warn("[fetchDataSource] Invalid or missing dataSource");
       return;
     }
-    l && F(_, !0);
+    l && P(_, !0);
     try {
       let h;
       switch (n == null ? void 0 : n.type) {
         case "rest":
-          h = r(n, _);
+          h = s(n, _);
           break;
         case "graphql":
           h = o(n, _);
@@ -636,49 +636,49 @@ const rt = (t) => {
         }
       };
     } finally {
-      l && F(_, !1);
+      l && P(_, !1);
     }
   };
   return {
-    getNextUI: s,
+    getNextUI: r,
     fetchDataSource: i,
     fetchAndGetNextUI: async (n, _, l, d, u) => {
       try {
-        F(n, !0);
+        P(n, !0);
         const h = await i(u, n, !1);
-        return h && await s(
+        return h && await r(
           n,
           _,
           l,
           d
         );
       } catch (h) {
-        throw F(n, !1), console.error(
+        throw P(n, !1), console.error(
           "[fetchAndGetNextUI] Error fetching and navigating:",
           h
         ), h;
       }
     }
   };
-}, In = "_accordion_1ri2t_1", Kn = "_accordionBody_1ri2t_8", Yt = {
-  accordion: In,
-  accordionBody: Kn
-}, Bn = (t) => {
+}, Bn = "_accordion_1ri2t_1", Mn = "_accordionBody_1ri2t_8", Qt = {
+  accordion: Bn,
+  accordionBody: Mn
+}, Gn = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    responseKey: r,
+    pageId: r,
+    responseKey: s,
     dependencies: o,
     customContent: i,
     actionContent: c,
     components: n,
     ..._
-  } = t, { getNextUI: l } = H(), [d, u] = q(
+  } = t, { getNextUI: l } = H(), [d, u] = L(
     _.checkboxChecked || !1
   ), { disabled: h } = B(
     e,
     o
-  ), f = E(e, s, n), y = c ? E(e, s, c) : void 0, b = i ? E(e, s, i) : void 0, p = L(
+  ), f = E(e, r, n), y = c ? E(e, r, c) : void 0, b = i ? E(e, r, i) : void 0, p = I(
     async (g) => {
       var C;
       try {
@@ -686,14 +686,14 @@ const rt = (t) => {
         u(j);
         const w = {
           ...(C = v.getState()[e]) == null ? void 0 : C.entries,
-          [r]: j
+          [s]: j
         };
-        if (I(e, w), _.actionType === "GO_TO_NEXT_UI") {
+        if (q(e, w), _.actionType === "GO_TO_NEXT_UI") {
           const N = await l(
             e,
-            s,
+            r,
             w,
-            r
+            s
           );
           N != null && N.data && K(e, N == null ? void 0 : N.data);
         }
@@ -701,25 +701,25 @@ const rt = (t) => {
         console.error("Error in accordion checkbox action:", j), alert(JSON.stringify(j));
       }
     },
-    [e, s, r, _.actionType, l]
+    [e, r, s, _.actionType, l]
   ), x = _.disabled || h, m = {
     ..._,
-    className: Yt.accordion,
+    className: Qt.accordion,
     disabled: x,
     checkboxChecked: d,
     onChanceCheckbox: _.hasCheckbox ? p : void 0,
     actionContent: y ? /* @__PURE__ */ a.jsx(a.Fragment, { children: y.map((g, C) => /* @__PURE__ */ a.jsx(A, { children: g }, `accordion-action-${C}`)) }) : void 0,
     customContent: b ? /* @__PURE__ */ a.jsx(a.Fragment, { children: b.map((g, C) => /* @__PURE__ */ a.jsx(A, { children: g }, `accordion-custom-${C}`)) }) : void 0,
-    children: f ? /* @__PURE__ */ a.jsx("section", { className: Yt.accordionBody, children: f.map((g, C) => /* @__PURE__ */ a.jsx(A, { children: g }, `accordion-child-${C}`)) }) : void 0
+    children: f ? /* @__PURE__ */ a.jsx("section", { className: Qt.accordionBody, children: f.map((g, C) => /* @__PURE__ */ a.jsx(A, { children: g }, `accordion-child-${C}`)) }) : void 0
   };
-  return /* @__PURE__ */ a.jsx(Oe, { ...m });
-}, Mn = (t) => {
-  const e = ht.useThemeStore((c) => c.theme.mode), s = t.dataSource, r = D(() => ({
+  return /* @__PURE__ */ a.jsx(De, { ...m });
+}, Hn = (t) => {
+  const e = ht.useThemeStore((c) => c.theme.mode), r = t.dataSource, s = D(() => ({
     url: t.dataSource.url,
     method: t.dataSource.method,
     headers: t.dataSource.headers,
-    params: s == null ? void 0 : s.data
-  }), [t.dataSource.url, t.dataSource.method, t.dataSource.headers, s == null ? void 0 : s.data]), o = t.locale ?? "en", i = D(() => {
+    params: r == null ? void 0 : r.data
+  }), [t.dataSource.url, t.dataSource.method, t.dataSource.headers, r == null ? void 0 : r.data]), o = t.locale ?? "en", i = D(() => {
     var n, _, l, d, u;
     const c = {
       title: (n = t == null ? void 0 : t.translations) == null ? void 0 : n.title,
@@ -732,7 +732,7 @@ const rt = (t) => {
   }, [t == null ? void 0 : t.translations]);
   return U(() => {
     t.onResolveProps && t.onResolveProps({
-      dataSource: r,
+      dataSource: s,
       locale: o,
       translations: i,
       initialSuggestions: t.initialSuggestions,
@@ -740,28 +740,28 @@ const rt = (t) => {
     });
   }, [
     t.onResolveProps,
-    r,
+    s,
     o,
     i,
     t.initialSuggestions,
     e
   ]), t.onResolveProps ? null : /* @__PURE__ */ a.jsx(
-    sn,
+    an,
     {
-      dataSource: r,
+      dataSource: s,
       locale: o,
       translations: i,
       initialSuggestions: t.initialSuggestions,
       theme: e
     }
   );
-}, Gn = "_promptCodeEditor_1d57s_1", Hn = {
-  promptCodeEditor: Gn
-}, Vn = (t) => {
+}, Vn = "_promptCodeEditor_1d57s_1", Un = {
+  promptCodeEditor: Vn
+}, zn = (t) => {
   const {
     userFlow: e,
-    responseKey: s,
-    codeBlockValue: r,
+    responseKey: r,
+    codeBlockValue: s,
     language: o,
     disabled: i,
     dependencies: c,
@@ -769,8 +769,8 @@ const rt = (t) => {
     inputLabel: _,
     inputPlaceholder: l,
     codeBlockLabel: d
-  } = t, u = ht.useThemeStore((g) => g.theme.mode), [h, f] = q(
-    r || ""
+  } = t, u = ht.useThemeStore((g) => g.theme.mode), [h, f] = L(
+    s || ""
   ), { disabled: y } = B(
     e,
     c
@@ -782,14 +782,14 @@ const rt = (t) => {
   }, m = (g) => {
     f(g);
     const C = {
-      [s]: g
+      [r]: g
     };
-    I(e, C);
+    q(e, C);
   };
   return U(() => {
-    r !== void 0 && r !== h && f(r);
-  }, [r]), /* @__PURE__ */ a.jsx("section", { className: Hn.promptCodeEditor, children: /* @__PURE__ */ a.jsx(
-    rn,
+    s !== void 0 && s !== h && f(s);
+  }, [s]), /* @__PURE__ */ a.jsx("section", { className: Un.promptCodeEditor, children: /* @__PURE__ */ a.jsx(
+    on,
     {
       themeMode: u,
       requestConfig: x,
@@ -802,15 +802,15 @@ const rt = (t) => {
       onCodeChange: m
     }
   ) });
-}, Un = "_summaryCard_jva4h_1", zn = {
-  summaryCard: Un
-}, Xn = (t) => {
-  const e = t.dataSource, s = D(() => ({
+}, Xn = "_summaryCard_jva4h_1", Jn = {
+  summaryCard: Xn
+}, Wn = (t) => {
+  const e = t.dataSource, r = D(() => ({
     url: t.dataSource.url,
     method: t.dataSource.method,
     headers: t.dataSource.headers,
     body: e == null ? void 0 : e.data
-  }), [t.dataSource.url, t.dataSource.method, t.dataSource.headers, e == null ? void 0 : e.data]), r = t.locale ?? "en", o = D(() => {
+  }), [t.dataSource.url, t.dataSource.method, t.dataSource.headers, e == null ? void 0 : e.data]), s = t.locale ?? "en", o = D(() => {
     var c, n, _;
     const i = {
       title: (c = t == null ? void 0 : t.translations) == null ? void 0 : c.title,
@@ -823,38 +823,38 @@ const rt = (t) => {
   }, [t == null ? void 0 : t.translations]);
   return U(() => {
     t.onResolveProps && t.onResolveProps({
-      dataSource: s,
-      locale: r,
+      dataSource: r,
+      locale: s,
       translations: o
     });
-  }, [t.onResolveProps, s, r, o]), t.onResolveProps ? null : /* @__PURE__ */ a.jsx("section", { className: zn.summaryCard, children: /* @__PURE__ */ a.jsx(
-    an,
+  }, [t.onResolveProps, r, s, o]), t.onResolveProps ? null : /* @__PURE__ */ a.jsx("section", { className: Jn.summaryCard, children: /* @__PURE__ */ a.jsx(
+    cn,
     {
-      dataSource: s,
-      locale: r,
+      dataSource: r,
+      locale: s,
       translations: o
     }
   ) });
-}, Jn = "_body_14tsv_1", Wn = "_body_content_14tsv_5", Qt = {
-  body: Jn,
-  body_content: Wn
-}, Yn = ({ inputs: t }) => /* @__PURE__ */ a.jsx("section", { className: Qt.body, children: /* @__PURE__ */ a.jsx("div", { className: Qt.body_content, children: t.map((e, s) => /* @__PURE__ */ a.jsx(A, { children: e }, s)) }) }), Qn = "_boxNotFront_67q2e_1", Zn = "_slotStack_67q2e_5", Zt = {
-  boxNotFront: Qn,
-  slotStack: Zn
-}, Fn = (t) => {
+}, Yn = "_body_14tsv_1", Qn = "_body_content_14tsv_5", Zt = {
+  body: Yn,
+  body_content: Qn
+}, Zn = ({ inputs: t }) => /* @__PURE__ */ a.jsx("section", { className: Zt.body, children: /* @__PURE__ */ a.jsx("div", { className: Zt.body_content, children: t.map((e, r) => /* @__PURE__ */ a.jsx(A, { children: e }, r)) }) }), Pn = "_boxNotFront_67q2e_1", Fn = "_slotStack_67q2e_5", Pt = {
+  boxNotFront: Pn,
+  slotStack: Fn
+}, tr = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    component: r,
+    pageId: r,
+    component: s,
     hash: o,
     responseKey: i,
     content: c
   } = t, n = ht.useThemeStore((d) => d.theme.mode) === "dark", _ = E(
     e,
-    s,
+    r,
     c != null && c.length ? c : null
-  ), l = _ && _.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: Zt.slotStack, children: _.map((d, u) => /* @__PURE__ */ a.jsx(A, { children: d }, `box-${o}-${u}`)) }) : null;
-  return /* @__PURE__ */ a.jsx($e, { className: Zt.boxNotFront, darkMode: n, children: l });
+  ), l = _ && _.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: Pt.slotStack, children: _.map((d, u) => /* @__PURE__ */ a.jsx(A, { children: d }, `box-${o}-${u}`)) }) : null;
+  return /* @__PURE__ */ a.jsx(Re, { className: Pt.boxNotFront, darkMode: n, children: l });
 };
 var vt = { exports: {} };
 /*!
@@ -863,51 +863,51 @@ var vt = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Ft;
-function Pn() {
+function er() {
   return Ft || (Ft = 1, (function(t) {
     (function() {
       var e = {}.hasOwnProperty;
-      function s() {
-        for (var r = [], o = 0; o < arguments.length; o++) {
+      function r() {
+        for (var s = [], o = 0; o < arguments.length; o++) {
           var i = arguments[o];
           if (i) {
             var c = typeof i;
             if (c === "string" || c === "number")
-              r.push(i);
+              s.push(i);
             else if (Array.isArray(i)) {
               if (i.length) {
-                var n = s.apply(null, i);
-                n && r.push(n);
+                var n = r.apply(null, i);
+                n && s.push(n);
               }
             } else if (c === "object") {
               if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]")) {
-                r.push(i.toString());
+                s.push(i.toString());
                 continue;
               }
               for (var _ in i)
-                e.call(i, _) && i[_] && r.push(_);
+                e.call(i, _) && i[_] && s.push(_);
             }
           }
         }
-        return r.join(" ");
+        return s.join(" ");
       }
-      t.exports ? (s.default = s, t.exports = s) : window.classNames = s;
+      t.exports ? (r.default = r, t.exports = r) : window.classNames = r;
     })();
   })(vt)), vt.exports;
 }
-var ts = Pn();
-const et = /* @__PURE__ */ En(ts), es = "_fieldset_1xrth_1", ns = "_fieldsetColumn_1xrth_8", ss = "_legend_1xrth_14", rs = "_options_1xrth_20", as = "_optionsRow_1xrth_25", os = "_optionsColumn_1xrth_36", P = {
-  fieldset: es,
-  fieldsetColumn: ns,
-  legend: ss,
-  options: rs,
-  optionsRow: as,
-  optionsColumn: os
-}, cs = (t) => {
+var nr = er();
+const et = /* @__PURE__ */ Tn(nr), rr = "_fieldset_1xrth_1", sr = "_fieldsetColumn_1xrth_8", ar = "_legend_1xrth_14", or = "_options_1xrth_20", cr = "_optionsRow_1xrth_25", ir = "_optionsColumn_1xrth_36", F = {
+  fieldset: rr,
+  fieldsetColumn: sr,
+  legend: ar,
+  options: or,
+  optionsRow: cr,
+  optionsColumn: ir
+}, lr = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    responseKey: r,
+    pageId: r,
+    responseKey: s,
     label: o,
     value: i,
     required: c,
@@ -921,23 +921,23 @@ const et = /* @__PURE__ */ En(ts), es = "_fieldset_1xrth_1", ns = "_fieldsetColu
   ), y = v(
     (g) => {
       var C, j;
-      return (j = (C = g[e]) == null ? void 0 : C.entries) == null ? void 0 : j[r];
+      return (j = (C = g[e]) == null ? void 0 : C.entries) == null ? void 0 : j[s];
     }
-  ), b = y != null ? String(y) : i ?? "", p = f, x = D(() => o ? c ? `${o} *` : o : null, [o, c]), m = L(
+  ), b = y != null ? String(y) : i ?? "", p = f, x = D(() => o ? c ? `${o} *` : o : null, [o, c]), m = I(
     async (g) => {
       var C;
       if (!p)
         try {
           const j = {
             ...(C = v.getState()[e]) == null ? void 0 : C.entries,
-            [r]: g
+            [s]: g
           };
-          if (I(e, j), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
+          if (q(e, j), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
             const k = await h(
               e,
-              s,
-              j,
               r,
+              j,
+              s,
               n === "GO_TO_NEXT_UI"
             );
             k != null && k.data && K(e, k == null ? void 0 : k.data);
@@ -950,8 +950,8 @@ const et = /* @__PURE__ */ En(ts), es = "_fieldset_1xrth_1", ns = "_fieldsetColu
       n,
       h,
       p,
-      s,
       r,
+      s,
       e
     ]
   );
@@ -959,22 +959,22 @@ const et = /* @__PURE__ */ En(ts), es = "_fieldset_1xrth_1", ns = "_fieldsetColu
     "fieldset",
     {
       className: et(
-        P.fieldset,
-        u === "column" && P.fieldsetColumn
+        F.fieldset,
+        u === "column" && F.fieldsetColumn
       ),
       children: [
-        x ? /* @__PURE__ */ a.jsx("legend", { className: P.legend, children: x }) : null,
+        x ? /* @__PURE__ */ a.jsx("legend", { className: F.legend, children: x }) : null,
         /* @__PURE__ */ a.jsx(
           "div",
           {
             className: et(
-              P.options,
-              u === "column" ? P.optionsColumn : P.optionsRow
+              F.options,
+              u === "column" ? F.optionsColumn : F.optionsRow
             ),
             children: d.map((g) => /* @__PURE__ */ a.jsx(
-              De,
+              Le,
               {
-                name: r,
+                name: s,
                 value: g.value,
                 checked: b === g.value,
                 disabled: p || g.disabled,
@@ -990,40 +990,40 @@ const et = /* @__PURE__ */ En(ts), es = "_fieldset_1xrth_1", ns = "_fieldsetColu
       ]
     }
   );
-}, is = ({
+}, dr = ({
   userFlow: t,
   pageId: e,
-  component: s,
-  hash: r,
+  component: r,
+  hash: s,
   responseKey: o,
   items: i,
   itemActive: c,
   darkMode: n
-}) => /* @__PURE__ */ a.jsx(Re, { items: i, itemActive: c, darkMode: n }), ls = ({
+}) => /* @__PURE__ */ a.jsx(Ie, { items: i, itemActive: c, darkMode: n }), _r = ({
   userFlow: t,
   pageId: e,
-  component: s,
-  hash: r,
+  component: r,
+  hash: s,
   responseKey: o,
   total: i,
   done: c,
   inProgress: n
-}) => /* @__PURE__ */ a.jsx(qe, { total: i, done: c, inProgress: n }), ds = ({
+}) => /* @__PURE__ */ a.jsx(qe, { total: i, done: c, inProgress: n }), ur = ({
   userFlow: t,
   items: e,
-  responseKey: s
+  responseKey: r
 }) => {
-  const { getNextUI: r } = H(), o = L(
+  const { getNextUI: s } = H(), o = I(
     async ({ actionType: c, hashCode: n, redirectUrl: _ }) => {
       var l;
       try {
         switch (c) {
           case "GO_TO_NEXT_UI":
-            const d = await r(
+            const d = await s(
               t,
               n,
               { ...(l = v.getState()[t]) == null ? void 0 : l.entries },
-              s
+              r
             );
             d != null && d.data && K(t, d == null ? void 0 : d.data);
             break;
@@ -1043,23 +1043,23 @@ const et = /* @__PURE__ */ En(ts), es = "_fieldset_1xrth_1", ns = "_fieldsetColu
     title: c == null ? void 0 : c.title,
     component: /* @__PURE__ */ a.jsx("div", { onClick: () => o(c) })
   })), []);
-  return /* @__PURE__ */ a.jsx(Le, { items: i });
+  return /* @__PURE__ */ a.jsx(Ke, { items: i });
 };
 function xt(t, e) {
-  const { getNextUI: s, fetchDataSource: r, fetchAndGetNextUI: o } = H();
-  return L(
+  const { getNextUI: r, fetchDataSource: s, fetchAndGetNextUI: o } = H();
+  return I(
     async (i) => {
       var h, f, y, b;
       const { responseKey: c, actionType: n, dataSource: _, redirectUrl: l, dependencies: d } = i, u = (h = v.getState()[t]) == null ? void 0 : h.entries;
-      if (!xe(u, d))
+      if (!me(u, d))
         try {
           const p = {
             ...(f = v.getState()[t]) == null ? void 0 : f.entries,
             [c]: { status: 200 }
           };
-          switch (I(t, p), n) {
+          switch (q(t, p), n) {
             case "CLOSE_MODAL":
-              It(t, !1);
+              Kt(t, !1);
               break;
             case "CLOSE_DRAWER":
               _t(t, !1);
@@ -1068,7 +1068,7 @@ function xt(t, e) {
               _t(t, !0);
               break;
             case "GO_TO_NEXT_UI": {
-              const x = await s(
+              const x = await r(
                 t,
                 e,
                 p,
@@ -1089,12 +1089,12 @@ function xt(t, e) {
               break;
             }
             case "FETCH_DATA_SOURCE": {
-              const x = await r(
+              const x = await s(
                 _,
                 t,
                 !1
               );
-              I(t, {
+              q(t, {
                 [c]: {
                   status: x == null ? void 0 : x.status,
                   content: x == null ? void 0 : x.data
@@ -1103,7 +1103,7 @@ function xt(t, e) {
               break;
             }
             case "GET_DATA_SOURCE": {
-              const x = await s(
+              const x = await r(
                 t,
                 e,
                 p,
@@ -1111,15 +1111,15 @@ function xt(t, e) {
               ), m = (y = x == null ? void 0 : x.data) == null ? void 0 : y.content;
               if ((m == null ? void 0 : m.type) !== "fetch")
                 break;
-              const g = m == null ? void 0 : m.dataSource, C = await r(g, t, !1), j = {
+              const g = m == null ? void 0 : m.dataSource, C = await s(g, t, !1), j = {
                 ...(b = v.getState()[t]) == null ? void 0 : b.entries,
                 [c]: {
                   status: C == null ? void 0 : C.status,
                   content: C == null ? void 0 : C.data
                 }
               };
-              I(t, j);
-              const w = await s(
+              q(t, j);
+              const w = await r(
                 t,
                 e,
                 j,
@@ -1140,18 +1140,18 @@ function xt(t, e) {
     },
     [
       o,
-      r,
       s,
+      r,
       e,
       t
     ]
   );
 }
-const _s = (t) => {
+const hr = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    responseKey: r,
+    pageId: r,
+    responseKey: s,
     actionType: o,
     label: i,
     content: c,
@@ -1160,20 +1160,20 @@ const _s = (t) => {
     dependencies: l,
     onClick: d,
     ...u
-  } = t, h = xt(e, s), { disabled: f } = B(
+  } = t, h = xt(e, r), { disabled: f } = B(
     e,
     l
   ), y = {
     ...u,
     children: c ?? i
-  }, b = (y == null ? void 0 : y.disabled) ?? f, [p, x] = q(!1), m = ut(!1), g = L(async () => {
+  }, b = (y == null ? void 0 : y.disabled) ?? f, [p, x] = L(!1), m = ut(!1), g = I(async () => {
     if (m.current)
       return;
     const C = o === "FETCH_DATA_SOURCE";
     C && (m.current = !0, x(!0));
     try {
       await h({
-        responseKey: r,
+        responseKey: s,
         actionType: o,
         dataSource: n,
         redirectUrl: _,
@@ -1189,11 +1189,11 @@ const _s = (t) => {
     n,
     l,
     _,
-    r,
+    s,
     h
   ]);
   return /* @__PURE__ */ a.jsx(
-    Ie,
+    Be,
     {
       ...y,
       loading: y.loading || p,
@@ -1201,13 +1201,13 @@ const _s = (t) => {
       onClick: () => !b && !p && (d ?? g)()
     }
   );
-}, us = "_slotStack_12u4t_5", At = {
-  slotStack: us
-}, hs = (t) => {
+}, fr = "_slotStack_12u4t_5", At = {
+  slotStack: fr
+}, xr = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    component: r,
+    pageId: r,
+    component: s,
     hash: o,
     responseKey: i,
     dependencies: c,
@@ -1219,15 +1219,15 @@ const _s = (t) => {
     c
   ), u = E(
     e,
-    s,
+    r,
     n && n.length > 0 ? n : null
   ), h = E(
     e,
-    s,
+    r,
     _ && _.length > 0 ? _ : null
   ), f = u && u.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: At.slotStack, children: u.map((p, x) => /* @__PURE__ */ a.jsx(A, { children: p }, `card-accordion-body-${o}-${x}`)) }) : void 0, y = h && h.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: At.slotStack, children: h.map((p, x) => /* @__PURE__ */ a.jsx(A, { children: p }, `card-accordion-actions-${o}-${x}`)) }) : void 0, b = l.disabled || d;
   return /* @__PURE__ */ a.jsx(
-    Ke,
+    Me,
     {
       ...l,
       disabled: b,
@@ -1235,13 +1235,13 @@ const _s = (t) => {
       children: f ?? null
     }
   );
-}, fs = "_slotStack_ivk5b_1", xs = {
-  slotStack: fs
-}, ys = (t) => {
+}, yr = "_slotStack_ivk5b_1", mr = {
+  slotStack: yr
+}, gr = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    component: r,
+    pageId: r,
+    component: s,
     hash: o,
     responseKey: i,
     content: c,
@@ -1256,9 +1256,9 @@ const _s = (t) => {
     h
   ), x = _ ?? p, m = E(
     e,
-    s,
+    r,
     c && c.length > 0 ? c : null
-  ), g = m && m.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: xs.slotStack, children: m.map((j, w) => /* @__PURE__ */ a.jsx(A, { children: j }, `card-body-${o}-${w}`)) }) : null, C = L(async () => {
+  ), g = m && m.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: mr.slotStack, children: m.map((j, w) => /* @__PURE__ */ a.jsx(A, { children: j }, `card-body-${o}-${w}`)) }) : null, C = I(async () => {
     var j, w, N;
     if (!(!l || x))
       try {
@@ -1266,9 +1266,9 @@ const _s = (t) => {
           ...(j = v.getState()[e]) == null ? void 0 : j.entries,
           [i]: { status: 200 }
         };
-        switch (I(e, k), l) {
+        switch (q(e, k), l) {
           case "CLOSE_MODAL":
-            It(e, !1);
+            Kt(e, !1);
             break;
           case "CLOSE_DRAWER":
             _t(e, !1);
@@ -1280,7 +1280,7 @@ const _s = (t) => {
           case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
             const $ = await f(
               e,
-              s,
+              r,
               k,
               i,
               l === "GO_TO_NEXT_UI"
@@ -1291,7 +1291,7 @@ const _s = (t) => {
           case "FETCH_AND_GO_TO_NEXT_UI": {
             const O = await b(
               e,
-              s,
+              r,
               k,
               i,
               d
@@ -1302,24 +1302,24 @@ const _s = (t) => {
           case "GET_DATA_SOURCE": {
             const O = await f(
               e,
-              s,
+              r,
               k,
               i
             ), $ = (w = O == null ? void 0 : O.data) == null ? void 0 : w.content;
             if (($ == null ? void 0 : $.type) !== "fetch")
               break;
-            const Q = $ == null ? void 0 : $.dataSource, V = await y(Q, e, !1), S = {
+            const Q = $ == null ? void 0 : $.dataSource, V = await y(Q, e, !1), T = {
               ...(N = v.getState()[e]) == null ? void 0 : N.entries,
               [i]: {
                 status: V == null ? void 0 : V.status,
                 content: V == null ? void 0 : V.data
               }
             };
-            I(e, S);
+            q(e, T);
             const G = await f(
               e,
-              s,
-              S,
+              r,
+              T,
               i
             );
             G != null && G.data && K(e, G == null ? void 0 : G.data);
@@ -1341,13 +1341,13 @@ const _s = (t) => {
     b,
     y,
     f,
-    s,
+    r,
     u,
     i,
     e
   ]);
   return /* @__PURE__ */ a.jsx(
-    Be,
+    Ge,
     {
       colorId: n,
       disabled: x,
@@ -1355,11 +1355,11 @@ const _s = (t) => {
       children: g
     }
   );
-}, ms = (t) => {
+}, pr = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    component: r,
+    pageId: r,
+    component: s,
     hash: o,
     responseKey: i,
     content: c,
@@ -1367,36 +1367,36 @@ const _s = (t) => {
     ..._
   } = t, l = Array.isArray(c), d = E(
     e,
-    s,
+    r,
     l && c.length > 0 ? c : null
   );
   let u;
   return d && d.length > 0 ? u = /* @__PURE__ */ a.jsxs("div", { className: At.slotStack, children: [
-    n ? /* @__PURE__ */ a.jsx(ae, { type: "sm", children: n }) : null,
+    n ? /* @__PURE__ */ a.jsx(ce, { type: "sm", children: n }) : null,
     d.map((h, f) => /* @__PURE__ */ a.jsx(A, { children: h }, `card-notification-body-${o}-${f}`))
   ] }) : u = (typeof c == "string" ? c : void 0) ?? n, /* @__PURE__ */ a.jsx(mt, { ..._, children: u });
-}, Et = (t) => Array.isArray(t) ? t : typeof t == "object" ? JSON.stringify(t) : t, gs = (t, e) => {
+}, Et = (t) => Array.isArray(t) ? t : typeof t == "object" ? JSON.stringify(t) : t, br = (t, e) => {
   if (!e || t == null)
     return null;
-  const { extractionJsonPath: s, injectionJsonPath: r } = e, o = M.value(t, s);
+  const { extractionJsonPath: r, injectionJsonPath: s } = e, o = M.value(t, r);
   if (o == null)
     return null;
   try {
     const i = {};
-    return M.value(i, r, o), i;
+    return M.value(i, s, o), i;
   } catch (i) {
     return console.warn(
       "[buildCursorPayload] invalid injectionJsonPath:",
-      r,
+      s,
       i
     ), null;
   }
-}, pe = (t, e, s, r) => {
+}, je = (t, e, r, s) => {
   const o = M.query(t, e), i = o == null ? void 0 : o.map((d) => {
     var u, h;
-    if (s) {
+    if (r) {
       const f = {};
-      for (const [y, b] of Object.entries(s))
+      for (const [y, b] of Object.entries(r))
         if (typeof b == "object" && "path" in b) {
           const p = b, x = (u = M.query(d, p.path)) == null ? void 0 : u[0];
           p.translations && String(x) in p.translations ? f[y] = Et(
@@ -1409,12 +1409,12 @@ const _s = (t) => {
       return f;
     } else
       return d;
-  }), c = M.value(t, (r == null ? void 0 : r.size) ?? "$.meta.size") ?? o.length, n = M.value(t, (r == null ? void 0 : r.total) ?? "$.meta.total") ?? 0, _ = r != null && r.hasMore ? !!M.value(t, r.hasMore) : void 0, l = {
+  }), c = M.value(t, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? o.length, n = M.value(t, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, _ = s != null && s.hasMore ? !!M.value(t, s.hasMore) : void 0, l = {
     size: c,
     total: n,
-    totalPages: r != null && r.totalPages ? M.value(
+    totalPages: s != null && s.totalPages ? M.value(
       t,
-      (r == null ? void 0 : r.totalPages) ?? "$.meta.totalPages"
+      (s == null ? void 0 : s.totalPages) ?? "$.meta.totalPages"
     ) : c > 0 ? Math.ceil(n / c) : 0,
     ..._ !== void 0 ? { hasMore: _ } : {}
   };
@@ -1422,51 +1422,51 @@ const _s = (t) => {
 }, at = ({
   width: t,
   height: e,
-  layout: s,
-  data: r,
+  layout: r,
+  data: s,
   Chart: o,
   children: i
 }) => {
-  const c = e ?? nt, n = s ? { layout: s } : {};
-  return t ? /* @__PURE__ */ a.jsx(o, { width: t, height: c, data: r, ...n, children: i }) : /* @__PURE__ */ a.jsx($t, { width: "100%", height: c, children: /* @__PURE__ */ a.jsx(o, { data: r, ...n, children: i }) });
+  const c = e ?? nt, n = r ? { layout: r } : {};
+  return t ? /* @__PURE__ */ a.jsx(o, { width: t, height: c, data: s, ...n, children: i }) : /* @__PURE__ */ a.jsx(Dt, { width: "100%", height: c, children: /* @__PURE__ */ a.jsx(o, { data: s, ...n, children: i }) });
 }, J = ({ withPadding: t = !1 }) => {
-  const e = (s) => /* @__PURE__ */ a.jsx("span", { style: { color: T.labelColor }, children: s });
+  const e = (r) => /* @__PURE__ */ a.jsx("span", { style: { color: S.labelColor }, children: r });
   return /* @__PURE__ */ a.jsx(
-    on,
+    ln,
     {
       formatter: e,
       wrapperStyle: {
-        fontSize: T.fontSize,
-        fontFamily: T.fontFamily,
+        fontSize: S.fontSize,
+        fontFamily: S.fontFamily,
         padding: t ? "1rem 0" : "0"
       }
     }
   );
-}, ps = ({
+}, jr = ({
   active: t,
   payload: e,
-  label: s,
-  tooltipKey: r,
+  label: r,
+  tooltipKey: s,
   tooltipCoverage: o
 }) => {
   var d, u;
   if (!t || !e || !e.length)
     return null;
   const i = {
-    backgroundColor: T.tooltipBg,
-    borderRadius: T.tooltipBorderRadius,
-    color: T.tooltipColor,
+    backgroundColor: S.tooltipBg,
+    borderRadius: S.tooltipBorderRadius,
+    color: S.tooltipColor,
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
-  if (r) {
+  if (s) {
     const h = (d = e[0]) == null ? void 0 : d.payload;
-    if (h && h[r] !== void 0 && h[r] !== null)
-      return /* @__PURE__ */ a.jsx("div", { style: i, children: /* @__PURE__ */ a.jsx("p", { style: { margin: 0 }, children: h[r] }) });
+    if (h && h[s] !== void 0 && h[s] !== null)
+      return /* @__PURE__ */ a.jsx("div", { style: i, children: /* @__PURE__ */ a.jsx("p", { style: { margin: 0 }, children: h[s] }) });
   }
   const c = (u = e[0]) == null ? void 0 : u.payload, n = (o == null ? void 0 : o.label) ?? "Cobertura", _ = o ? c == null ? void 0 : c[o.denominatorKey] : void 0, l = o && _ !== void 0 && _ !== null && _ > 0;
   return /* @__PURE__ */ a.jsxs("div", { style: i, children: [
-    /* @__PURE__ */ a.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: s }),
+    /* @__PURE__ */ a.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: r }),
     e.map((h, f) => /* @__PURE__ */ a.jsx("p", { style: { margin: "2px 0", color: h.color }, children: `${h.name}: ${h.value}` }, f)),
     l && /* @__PURE__ */ a.jsx("p", { style: { margin: "2px 0" }, children: `${n}: ${Math.round(
       c[o.numeratorKey] / _ * 100
@@ -1475,15 +1475,15 @@ const _s = (t) => {
 }, W = ({
   tooltipKey: t,
   tooltipCoverage: e,
-  defaultIndex: s,
-  hideContent: r = !1
+  defaultIndex: r,
+  hideContent: s = !1
 } = {}) => /* @__PURE__ */ a.jsx(
-  cn,
+  dn,
   {
-    defaultIndex: s,
-    cursor: r ? !1 : void 0,
-    content: r ? () => null : (o) => /* @__PURE__ */ a.jsx(
-      ps,
+    defaultIndex: r,
+    cursor: s ? !1 : void 0,
+    content: s ? () => null : (o) => /* @__PURE__ */ a.jsx(
+      jr,
       {
         ...o,
         tooltipKey: t,
@@ -1491,47 +1491,47 @@ const _s = (t) => {
       }
     )
   }
-), ot = ({ dataKey: t, hide: e = !1, type: s }) => /* @__PURE__ */ a.jsx(
-  ln,
+), ot = ({ dataKey: t, hide: e = !1, type: r }) => /* @__PURE__ */ a.jsx(
+  _n,
   {
     ...t ? { dataKey: t } : {},
-    ...s ? { type: s } : {},
+    ...r ? { type: r } : {},
     hide: e,
     tick: {
-      fill: T.labelColor,
-      fontSize: T.fontSize
+      fill: S.labelColor,
+      fontSize: S.fontSize
     }
   }
 ), Y = ({
   type: t,
   dataKey: e,
-  width: s,
-  yAxisId: r,
+  width: r,
+  yAxisId: s,
   orientation: o
 } = {}) => /* @__PURE__ */ a.jsx(
-  dn,
+  un,
   {
     ...t ? { type: t } : {},
     ...e ? { dataKey: e } : {},
-    ...s !== void 0 ? { width: s } : {},
-    ...r ? { yAxisId: r } : {},
+    ...r !== void 0 ? { width: r } : {},
+    ...s ? { yAxisId: s } : {},
     ...o ? { orientation: o } : {},
     tick: {
-      fill: T.labelColor,
-      fontSize: T.fontSize
+      fill: S.labelColor,
+      fontSize: S.fontSize
     },
     tickMargin: 4
   }
-), bs = (t) => {
-  const { data: e, xKey: s, yKeys: r, tooltipKey: o, width: i } = t;
-  return /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: _n, children: [
-    /* @__PURE__ */ a.jsx(st, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ a.jsx(ot, { dataKey: s }),
+), Cr = (t) => {
+  const { data: e, xKey: r, yKeys: s, tooltipKey: o, width: i } = t;
+  return /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: hn, children: [
+    /* @__PURE__ */ a.jsx(rt, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ a.jsx(ot, { dataKey: r }),
     /* @__PURE__ */ a.jsx(Y, {}),
     /* @__PURE__ */ a.jsx(W, { tooltipKey: o }),
     /* @__PURE__ */ a.jsx(J, {}),
-    r.map((c, n) => /* @__PURE__ */ a.jsx(
-      le,
+    s.map((c, n) => /* @__PURE__ */ a.jsx(
+      _e,
       {
         type: "monotone",
         dataKey: c,
@@ -1541,15 +1541,15 @@ const _s = (t) => {
       c
     ))
   ] });
-}, js = (t) => {
-  const { data: e, yKeys: s, xKey: r, tooltipKey: o, width: i } = t;
-  return /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: Dt, children: [
-    /* @__PURE__ */ a.jsx(st, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ a.jsx(ot, { dataKey: r }),
+}, wr = (t) => {
+  const { data: e, yKeys: r, xKey: s, tooltipKey: o, width: i } = t;
+  return /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: Rt, children: [
+    /* @__PURE__ */ a.jsx(rt, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ a.jsx(ot, { dataKey: s }),
     /* @__PURE__ */ a.jsx(Y, {}),
     /* @__PURE__ */ a.jsx(W, { tooltipKey: o }),
     /* @__PURE__ */ a.jsx(J, {}),
-    s.map((c, n) => /* @__PURE__ */ a.jsx(
+    r.map((c, n) => /* @__PURE__ */ a.jsx(
       pt,
       {
         dataKey: c,
@@ -1559,30 +1559,30 @@ const _s = (t) => {
     ))
   ] });
 };
-var be = { NODE_ENV: "production" };
-const Cs = (t, e) => {
+var Ce = { NODE_ENV: "production" };
+const Nr = (t, e) => {
   if (e != null && e.length)
     return e;
-  const s = [
-    ...new Set(t.map((r) => r.yAxisId).filter((r) => !!r))
+  const r = [
+    ...new Set(t.map((s) => s.yAxisId).filter((s) => !!s))
   ];
-  return s.length === 0 ? [] : s.map((r, o) => ({
-    id: r,
+  return r.length === 0 ? [] : r.map((s, o) => ({
+    id: s,
     orientation: o === 1 ? "right" : "left"
   }));
-}, ws = (t, e) => {
-  !t.type && be.NODE_ENV;
-  const s = t.color ?? R[e % R.length], r = t.label ?? t.key, o = t.yAxisId ? { yAxisId: t.yAxisId } : {};
+}, vr = (t, e) => {
+  !t.type && Ce.NODE_ENV;
+  const r = t.color ?? R[e % R.length], s = t.label ?? t.key, o = t.yAxisId ? { yAxisId: t.yAxisId } : {};
   switch (t.type) {
     case "area":
       return /* @__PURE__ */ a.jsx(
-        le,
+        _e,
         {
           dataKey: t.key,
-          name: r,
+          name: s,
           type: "monotone",
-          fill: s,
-          stroke: s,
+          fill: r,
+          stroke: r,
           fillOpacity: 0.3,
           ...o
         },
@@ -1590,12 +1590,12 @@ const Cs = (t, e) => {
       );
     case "line":
       return /* @__PURE__ */ a.jsx(
-        de,
+        ue,
         {
           dataKey: t.key,
-          name: r,
+          name: s,
           type: "monotone",
-          stroke: s,
+          stroke: r,
           strokeWidth: 2,
           dot: !1,
           ...o
@@ -1607,8 +1607,8 @@ const Cs = (t, e) => {
         pt,
         {
           dataKey: t.key,
-          name: r,
-          fill: s,
+          name: s,
+          fill: r,
           stackId: t.stackId,
           barSize: t.barSize,
           ...o
@@ -1618,21 +1618,21 @@ const Cs = (t, e) => {
     default:
       return null;
   }
-}, Ns = (t) => {
+}, Er = (t) => {
   const {
     data: e,
-    xKey: s,
-    series: r = [],
+    xKey: r,
+    series: s = [],
     tooltipKey: o,
     width: i,
     showLegend: c = !0,
     yAxes: n
   } = t;
-  !r.length && be.NODE_ENV;
-  const _ = Cs(r, n);
-  return /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: un, children: [
-    /* @__PURE__ */ a.jsx(st, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ a.jsx(ot, { dataKey: s }),
+  !s.length && Ce.NODE_ENV;
+  const _ = Nr(s, n);
+  return /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: fn, children: [
+    /* @__PURE__ */ a.jsx(rt, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ a.jsx(ot, { dataKey: r }),
     _.length > 0 ? _.map((l) => /* @__PURE__ */ a.jsx(
       Y,
       {
@@ -1643,11 +1643,11 @@ const Cs = (t, e) => {
     )) : /* @__PURE__ */ a.jsx(Y, {}),
     /* @__PURE__ */ a.jsx(W, { tooltipKey: o }),
     c && /* @__PURE__ */ a.jsx(J, {}),
-    r.map((l, d) => ws(l, d))
+    s.map((l, d) => vr(l, d))
   ] });
-}, vs = "55%", Es = 120, ks = (t) => (e) => {
-  const s = Math.PI / 180, {
-    cx: r = 0,
+}, kr = "55%", Tr = 120, Sr = (t) => (e) => {
+  const r = Math.PI / 180, {
+    cx: s = 0,
     cy: o = 0,
     midAngle: i = 0,
     innerRadius: c = 0,
@@ -1658,25 +1658,25 @@ const Cs = (t, e) => {
     payload: u,
     percent: h = 0,
     value: f = 0
-  } = e, y = Math.sin(-s * i), b = Math.cos(-s * i), p = r + (n + 10) * b, x = o + (n + 10) * y, m = r + (n + 30) * b, g = o + (n + 30) * y, C = m + (b >= 0 ? 1 : -1) * 22, j = g, w = b >= 0 ? "start" : "end", N = u, k = String((N == null ? void 0 : N[t]) ?? "");
+  } = e, y = Math.sin(-r * i), b = Math.cos(-r * i), p = s + (n + 10) * b, x = o + (n + 10) * y, m = s + (n + 30) * b, g = o + (n + 30) * y, C = m + (b >= 0 ? 1 : -1) * 22, j = g, w = b >= 0 ? "start" : "end", N = u, k = String((N == null ? void 0 : N[t]) ?? "");
   return /* @__PURE__ */ a.jsxs("g", { children: [
     /* @__PURE__ */ a.jsx(
       "text",
       {
-        x: r,
+        x: s,
         y: o,
         dy: 8,
         textAnchor: "middle",
-        fill: T.labelColor,
-        fontSize: T.fontSize + 2,
-        fontFamily: T.fontFamily,
+        fill: S.labelColor,
+        fontSize: S.fontSize + 2,
+        fontFamily: S.fontFamily,
         children: k
       }
     ),
     /* @__PURE__ */ a.jsx(
-      Gt,
+      Ht,
       {
-        cx: r,
+        cx: s,
         cy: o,
         innerRadius: c,
         outerRadius: n,
@@ -1686,9 +1686,9 @@ const Cs = (t, e) => {
       }
     ),
     /* @__PURE__ */ a.jsx(
-      Gt,
+      Ht,
       {
-        cx: r,
+        cx: s,
         cy: o,
         startAngle: _,
         endAngle: l,
@@ -1712,9 +1712,9 @@ const Cs = (t, e) => {
         x: C + (b >= 0 ? 1 : -1) * 12,
         y: j,
         textAnchor: w,
-        fill: T.labelColor,
-        fontSize: T.fontSize + 2,
-        fontFamily: T.fontFamily,
+        fill: S.labelColor,
+        fontSize: S.fontSize + 2,
+        fontFamily: S.fontFamily,
         children: f
       }
     ),
@@ -1725,26 +1725,26 @@ const Cs = (t, e) => {
         y: j,
         dy: 18,
         textAnchor: w,
-        fill: T.labelColorMuted,
-        fontSize: T.fontSize,
-        fontFamily: T.fontFamily,
+        fill: S.labelColorMuted,
+        fontSize: S.fontSize,
+        fontFamily: S.fontFamily,
         children: `(${(h * 100).toFixed(0)}%)`
       }
     )
   ] });
-}, Ss = (t) => {
+}, Ar = (t) => {
   const {
     data: e,
-    xKey: s,
-    yKeys: r,
+    xKey: r,
+    yKeys: s,
     tooltipKey: o,
-    innerRadius: i = vs,
-    outerRadius: c = Es,
+    innerRadius: i = kr,
+    outerRadius: c = Tr,
     activeShape: n = !0,
     defaultIndex: _,
     showLegend: l = !0
-  } = t, d = r[0];
-  return /* @__PURE__ */ a.jsx($t, { width: "100%", height: nt, children: /* @__PURE__ */ a.jsxs(_e, { children: [
+  } = t, d = s[0];
+  return /* @__PURE__ */ a.jsx(Dt, { width: "100%", height: nt, children: /* @__PURE__ */ a.jsxs(he, { children: [
     /* @__PURE__ */ a.jsx(
       W,
       {
@@ -1755,18 +1755,18 @@ const Cs = (t, e) => {
     ),
     l && /* @__PURE__ */ a.jsx(J, {}),
     /* @__PURE__ */ a.jsx(
-      ue,
+      fe,
       {
         data: e,
         dataKey: d,
-        nameKey: s,
+        nameKey: r,
         cx: "50%",
         cy: "50%",
         innerRadius: i,
         outerRadius: c,
-        activeShape: n ? ks(s) : void 0,
+        activeShape: n ? Sr(r) : void 0,
         children: e.map((u, h) => /* @__PURE__ */ a.jsx(
-          he,
+          xe,
           {
             fill: R[h % R.length]
           },
@@ -1776,29 +1776,29 @@ const Cs = (t, e) => {
     )
   ] }) });
 };
-function Ts(t, e, s = je) {
-  return t <= 0 ? 0 : e <= 0 ? t : Math.max(t, e * s);
+function Or(t, e, r = we) {
+  return t <= 0 ? 0 : e <= 0 ? t : Math.max(t, e * r);
 }
-function As(t, e = Is, s) {
-  return s !== void 0 ? s : t <= 0 ? nt : Math.max(nt, t * e);
+function $r(t, e = Br, r) {
+  return r !== void 0 ? r : t <= 0 ? nt : Math.max(nt, t * e);
 }
-function Os(t, e, s) {
-  if (s !== void 0)
-    return s;
-  const r = t.reduce((o, i) => {
+function Dr(t, e, r) {
+  if (r !== void 0)
+    return r;
+  const s = t.reduce((o, i) => {
     const c = String(i[e] ?? "");
     return Math.max(o, c.length);
   }, 0);
   return Math.max(
-    Ks,
-    r * Bs
+    Mr,
+    s * Gr
   );
 }
-const $s = (t) => {
+const Rr = (t) => {
   const {
     data: e,
-    yKeys: s,
-    xKey: r,
+    yKeys: r,
+    xKey: s,
     tooltipKey: o,
     minCategoryHeight: i,
     chartHeight: c,
@@ -1806,25 +1806,25 @@ const $s = (t) => {
     showLegend: _ = !0,
     yKeyLabels: l,
     yAxisWidth: d
-  } = t, u = As(
+  } = t, u = $r(
     e.length,
     i,
     c
-  ), h = Os(e, r, d);
+  ), h = Dr(e, s, d);
   return /* @__PURE__ */ a.jsxs(
     at,
     {
       height: u,
       layout: "vertical",
       data: e,
-      Chart: Dt,
+      Chart: Rt,
       children: [
-        /* @__PURE__ */ a.jsx(st, { strokeDasharray: "3 3", horizontal: !1 }),
+        /* @__PURE__ */ a.jsx(rt, { strokeDasharray: "3 3", horizontal: !1 }),
         /* @__PURE__ */ a.jsx(ot, { type: "number" }),
-        /* @__PURE__ */ a.jsx(Y, { type: "category", dataKey: r, width: h }),
+        /* @__PURE__ */ a.jsx(Y, { type: "category", dataKey: s, width: h }),
         /* @__PURE__ */ a.jsx(W, { tooltipKey: o, tooltipCoverage: n }),
         _ && /* @__PURE__ */ a.jsx(J, {}),
-        s.map((f, y) => /* @__PURE__ */ a.jsx(
+        r.map((f, y) => /* @__PURE__ */ a.jsx(
           pt,
           {
             dataKey: f,
@@ -1836,16 +1836,16 @@ const $s = (t) => {
       ]
     }
   );
-}, Ds = (t) => {
-  const { data: e, xKey: s, yKeys: r, tooltipKey: o, width: i } = t;
-  return /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: hn, children: [
-    /* @__PURE__ */ a.jsx(st, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ a.jsx(ot, { dataKey: s }),
+}, Lr = (t) => {
+  const { data: e, xKey: r, yKeys: s, tooltipKey: o, width: i } = t;
+  return /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: xn, children: [
+    /* @__PURE__ */ a.jsx(rt, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ a.jsx(ot, { dataKey: r }),
     /* @__PURE__ */ a.jsx(Y, {}),
     /* @__PURE__ */ a.jsx(W, { tooltipKey: o }),
     /* @__PURE__ */ a.jsx(J, {}),
-    r.map((c, n) => /* @__PURE__ */ a.jsx(
-      de,
+    s.map((c, n) => /* @__PURE__ */ a.jsx(
+      ue,
       {
         type: "monotone",
         dataKey: c,
@@ -1857,16 +1857,16 @@ const $s = (t) => {
     ))
   ] });
 };
-var Rs = { NODE_ENV: "production" };
-const qs = (t) => {
-  const { data: e, xKey: s, series: r = [], tooltipKey: o, width: i } = t;
-  return !r.length && Rs.NODE_ENV, /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: Dt, children: [
-    /* @__PURE__ */ a.jsx(st, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ a.jsx(ot, { dataKey: s }),
+var Ir = { NODE_ENV: "production" };
+const qr = (t) => {
+  const { data: e, xKey: r, series: s = [], tooltipKey: o, width: i } = t;
+  return !s.length && Ir.NODE_ENV, /* @__PURE__ */ a.jsxs(at, { width: i, data: e, Chart: Rt, children: [
+    /* @__PURE__ */ a.jsx(rt, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ a.jsx(ot, { dataKey: r }),
     /* @__PURE__ */ a.jsx(Y, {}),
     /* @__PURE__ */ a.jsx(W, { tooltipKey: o }),
     /* @__PURE__ */ a.jsx(J, {}),
-    r.map((c, n) => /* @__PURE__ */ a.jsx(
+    s.map((c, n) => /* @__PURE__ */ a.jsx(
       pt,
       {
         dataKey: c.key,
@@ -1877,8 +1877,8 @@ const qs = (t) => {
       c.key
     ))
   ] });
-}, Ls = (t) => {
-  const { data: e, xKey: s, yKeys: r, tooltipKey: o } = t, i = ({
+}, Kr = (t) => {
+  const { data: e, xKey: r, yKeys: s, tooltipKey: o } = t, i = ({
     cx: c,
     cy: n,
     midAngle: _,
@@ -1892,27 +1892,27 @@ const qs = (t) => {
       {
         x: y,
         y: b,
-        fill: T.labelColor,
-        color: T.labelColor,
+        fill: S.labelColor,
+        color: S.labelColor,
         textAnchor: "middle",
         dominantBaseline: "central",
         children: u
       }
     );
   };
-  return /* @__PURE__ */ a.jsx($t, { width: "100%", height: nt, children: /* @__PURE__ */ a.jsxs(_e, { children: [
+  return /* @__PURE__ */ a.jsx(Dt, { width: "100%", height: nt, children: /* @__PURE__ */ a.jsxs(he, { children: [
     /* @__PURE__ */ a.jsx(W, { tooltipKey: o }),
     /* @__PURE__ */ a.jsx(J, {}),
     /* @__PURE__ */ a.jsx(
-      ue,
+      fe,
       {
         data: e,
-        dataKey: r[0],
-        nameKey: s,
+        dataKey: s[0],
+        nameKey: r,
         label: i,
         outerRadius: 120,
         children: e.map((c, n) => /* @__PURE__ */ a.jsx(
-          he,
+          xe,
           {
             fill: R[n % R.length]
           },
@@ -1921,21 +1921,21 @@ const qs = (t) => {
       }
     )
   ] }) });
-}, nt = 400, je = 56, Is = 28, Ks = 100, Bs = 8, Ms = /* @__PURE__ */ new Set([
+}, nt = 400, we = 56, Br = 28, Mr = 100, Gr = 8, Hr = /* @__PURE__ */ new Set([
   "bar",
   "line",
   "area",
   "mixBar",
   "composed"
-]), Gs = {
-  area: bs,
-  bar: js,
-  composed: Ns,
-  donut: Ss,
-  horizontalBar: $s,
-  line: Ds,
-  mixBar: qs,
-  pie: Ls
+]), Vr = {
+  area: Cr,
+  bar: wr,
+  composed: Er,
+  donut: Ar,
+  horizontalBar: Rr,
+  line: Lr,
+  mixBar: qr,
+  pie: Kr
 }, R = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
@@ -1954,7 +1954,7 @@ const qs = (t) => {
   "var(--color-primitive-palette-15-50)",
   "var(--color-primitive-palette-16-50)",
   "var(--color-primitive-palette-17-50)"
-], T = {
+], S = {
   fontFamily: "Roboto, sans-serif",
   fontSize: 12,
   labelColor: "var(--color-neutral-90)",
@@ -1962,17 +1962,17 @@ const qs = (t) => {
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, Hs = "_chartScrollViewport_sm5hx_1", Vs = "_chartScrollViewport_track_sm5hx_29", Pt = {
-  chartScrollViewport: Hs,
-  chartScrollViewport_track: Vs
-}, Us = "Scrollable chart area", zs = ({
+}, Ur = "_chartScrollViewport_sm5hx_1", zr = "_chartScrollViewport_track_sm5hx_29", te = {
+  chartScrollViewport: Ur,
+  chartScrollViewport_track: zr
+}, Xr = "Scrollable chart area", Jr = ({
   dataLength: t,
   minCategoryWidth: e,
-  children: s
+  children: r
 }) => {
-  const r = ut(null), [o, i] = q(0), c = e ?? je;
+  const s = ut(null), [o, i] = L(0), c = e ?? we;
   U(() => {
-    const d = r.current;
+    const d = s.current;
     if (!d)
       return;
     const u = () => {
@@ -1982,13 +1982,13 @@ const qs = (t) => {
     const h = new ResizeObserver(u);
     return h.observe(d), () => h.disconnect();
   }, []);
-  const n = Ts(
+  const n = Or(
     o,
     t,
     c
-  ), _ = o > 0 && n > o, l = L(
+  ), _ = o > 0 && n > o, l = I(
     (d) => {
-      const u = r.current;
+      const u = s.current;
       if (u)
         switch (d.key) {
           case "ArrowLeft":
@@ -2010,35 +2010,35 @@ const qs = (t) => {
   return /* @__PURE__ */ a.jsx(
     "div",
     {
-      ref: r,
-      className: Pt.chartScrollViewport,
+      ref: s,
+      className: te.chartScrollViewport,
       role: _ ? "region" : void 0,
       tabIndex: _ ? 0 : void 0,
-      "aria-label": _ ? Us : void 0,
+      "aria-label": _ ? Xr : void 0,
       onKeyDown: _ ? l : void 0,
       children: /* @__PURE__ */ a.jsx(
         "div",
         {
-          className: Pt.chartScrollViewport_track,
+          className: te.chartScrollViewport_track,
           style: { width: n, height: nt },
-          children: o > 0 ? s(n) : null
+          children: o > 0 ? r(n) : null
         }
       )
     }
   );
-}, Xs = (t) => {
-  const { component: e, userFlow: s, hash: r, responseKey: o, dataSource: i, ...c } = t, n = Gs[c.type], { fetchDataSource: _ } = H(), [l, d] = q(!1), [u, h] = q([]), f = async () => {
+}, Wr = (t) => {
+  const { component: e, userFlow: r, hash: s, responseKey: o, dataSource: i, ...c } = t, n = Vr[c.type], { fetchDataSource: _ } = H(), [l, d] = L(!1), [u, h] = L([]), f = async () => {
     var p, x;
     try {
       d(!0);
-      const { jsonPathData: m, mapperData: g } = i, C = Kt(
+      const { jsonPathData: m, mapperData: g } = i, C = Bt(
         i,
         1
       ), j = await _(
         C,
-        s,
+        r,
         !1
-      ), w = m ? (p = pe(j == null ? void 0 : j.data, m, g)) == null ? void 0 : p.items : (x = j == null ? void 0 : j.data) == null ? void 0 : x.data;
+      ), w = m ? (p = je(j == null ? void 0 : j.data, m, g)) == null ? void 0 : p.items : (x = j == null ? void 0 : j.data) == null ? void 0 : x.data;
       h(w), d(!1);
     } catch (m) {
       alert(JSON.stringify(m)), d(!1);
@@ -2052,19 +2052,19 @@ const qs = (t) => {
     ...c,
     data: u
   };
-  return l ? /* @__PURE__ */ a.jsx(oe, { height: 400 }) : u.length === 0 ? /* @__PURE__ */ a.jsx(mt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Ms.has(c.type) ? /* @__PURE__ */ a.jsx(
-    zs,
+  return l ? /* @__PURE__ */ a.jsx(ie, { height: 400 }) : u.length === 0 ? /* @__PURE__ */ a.jsx(mt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Hr.has(c.type) ? /* @__PURE__ */ a.jsx(
+    Jr,
     {
       dataLength: u.length,
       minCategoryWidth: c.minCategoryWidth,
       children: (p) => /* @__PURE__ */ a.jsx(n, { ...y, width: p })
     }
   ) : /* @__PURE__ */ a.jsx(n, { ...y });
-}, Js = (t) => {
+}, Yr = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    responseKey: r,
+    pageId: r,
+    responseKey: s,
     actionType: o,
     label: i,
     value: c,
@@ -2073,26 +2073,26 @@ const qs = (t) => {
     ...l
   } = t, d = {
     ...l
-  }, { getNextUI: u } = H(), [h, f] = q(c || !1), { disabled: y } = B(
+  }, { getNextUI: u } = H(), [h, f] = L(c || !1), { disabled: y } = B(
     e,
     _
-  ), b = D(() => n && i ? `${i} *` : i ?? "", [i, n]), p = L(async () => {
+  ), b = D(() => n && i ? `${i} *` : i ?? "", [i, n]), p = I(async () => {
     var m;
     try {
       const g = !h;
       f(g);
       const C = {
         ...(m = v.getState()[e]) == null ? void 0 : m.entries,
-        [r]: g
+        [s]: g
       };
-      switch (I(e, C), o) {
+      switch (q(e, C), o) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
           const w = await u(
             e,
-            s,
-            C,
             r,
+            C,
+            s,
             o === "GO_TO_NEXT_UI"
           );
           w != null && w.data && K(e, w == null ? void 0 : w.data);
@@ -2104,9 +2104,9 @@ const qs = (t) => {
     } catch (g) {
       console.error("Error in checkbox action:", g), alert(JSON.stringify(g));
     }
-  }, [e, s, r, o, h]), x = (d == null ? void 0 : d.disabled) ?? y;
+  }, [e, r, s, o, h]), x = (d == null ? void 0 : d.disabled) ?? y;
   return /* @__PURE__ */ a.jsx(
-    Me,
+    He,
     {
       ...d,
       labelRight: b,
@@ -2117,18 +2117,18 @@ const qs = (t) => {
       }
     }
   );
-}, Ws = "_codeEditor_1wi2p_1", Ys = "_codeEditor_label_1wi2p_4", Qs = "_codeEditor_wrapper_1wi2p_13", Zs = "_input_1wi2p_17", Fs = "_preview_1wi2p_18", Ps = "_preview_inner_1wi2p_33", tt = {
-  codeEditor: Ws,
-  codeEditor_label: Ys,
-  codeEditor_wrapper: Qs,
-  input: Zs,
-  preview: Fs,
-  preview_inner: Ps
-}, tr = (t) => {
+}, Qr = "_codeEditor_1wi2p_1", Zr = "_codeEditor_label_1wi2p_4", Pr = "_codeEditor_wrapper_1wi2p_13", Fr = "_input_1wi2p_17", ts = "_preview_1wi2p_18", es = "_preview_inner_1wi2p_33", tt = {
+  codeEditor: Qr,
+  codeEditor_label: Zr,
+  codeEditor_wrapper: Pr,
+  input: Fr,
+  preview: ts,
+  preview_inner: es
+}, ns = (t) => {
   const {
     userFlow: e,
-    responseKey: s,
-    label: r,
+    responseKey: r,
+    label: s,
     language: o,
     placeholder: i,
     value: c,
@@ -2137,45 +2137,45 @@ const qs = (t) => {
     disabled: l,
     showPreview: d,
     height: u = "400px"
-  } = t, [h, f] = q(c ?? ""), y = ht.useThemeStore((C) => C.theme.mode), { disabled: b } = B(
+  } = t, [h, f] = L(c ?? ""), y = ht.useThemeStore((C) => C.theme.mode), { disabled: b } = B(
     e,
     _
   ), p = l ?? b, x = {
-    json: Ht(),
-    markdown: xn(),
-    sql: yn(),
-    yaml: mn()
-  }, m = D(() => n && r ? `${r} *` : r ?? "", [r, n]), g = (C) => {
+    json: Vt(),
+    markdown: mn(),
+    sql: gn(),
+    yaml: pn()
+  }, m = D(() => n && s ? `${s} *` : s ?? "", [s, n]), g = (C) => {
     f(C);
     const j = {
-      [s]: C
+      [r]: C
     };
-    I(e, j);
+    q(e, j);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: tt.codeEditor, children: [
     m && m !== "" && /* @__PURE__ */ a.jsx("label", { className: tt.codeEditor_label, children: m }),
     /* @__PURE__ */ a.jsxs("div", { className: tt.codeEditor_wrapper, children: [
       /* @__PURE__ */ a.jsx(
-        fn,
+        yn,
         {
           className: tt.input,
           value: h,
           height: u,
           placeholder: i,
-          extensions: [x[o] ?? Ht()],
+          extensions: [x[o] ?? Vt()],
           onChange: (C) => g(C),
           theme: y,
           editable: !p
         }
       ),
-      o === "markdown" && d && /* @__PURE__ */ a.jsx("div", { className: tt.preview, style: { height: u }, children: /* @__PURE__ */ a.jsx(ce, { className: tt.preview_inner, children: h }) })
+      o === "markdown" && d && /* @__PURE__ */ a.jsx("div", { className: tt.preview, style: { height: u }, children: /* @__PURE__ */ a.jsx(le, { className: tt.preview_inner, children: h }) })
     ] })
   ] });
-}, er = "_slotStack_6n2wy_5", nr = {
-  slotStack: er
+}, rs = "_slotStack_6n2wy_5", ss = {
+  slotStack: rs
 };
-var sr = { NODE_ENV: "production" };
-const rr = /* @__PURE__ */ new Set([
+var as = { NODE_ENV: "production" };
+const os = /* @__PURE__ */ new Set([
   "accordion",
   "button",
   "cardAccordion",
@@ -2194,15 +2194,15 @@ const rr = /* @__PURE__ */ new Set([
   "textarea"
 ]), Ot = (t, e) => {
   if (t != null && t.length)
-    return /* @__PURE__ */ a.jsx("div", { className: nr.slotStack, children: t.map((s, r) => {
+    return /* @__PURE__ */ a.jsx("div", { className: ss.slotStack, children: t.map((r, s) => {
       var o;
-      return /* @__PURE__ */ a.jsx(A, { children: s }, ((o = e == null ? void 0 : e[r]) == null ? void 0 : o.hash) ?? r);
+      return /* @__PURE__ */ a.jsx(A, { children: r }, ((o = e == null ? void 0 : e[s]) == null ? void 0 : o.hash) ?? s);
     }) });
-}, ar = ({
+}, cs = ({
   userFlow: t,
   pageId: e,
-  component: s,
-  hash: r,
+  component: r,
+  hash: s,
   responseKey: o,
   content: i,
   topContent: c,
@@ -2220,7 +2220,7 @@ const rr = /* @__PURE__ */ new Set([
     c != null && c.length ? c : null
   );
   return /* @__PURE__ */ a.jsx(
-    ie,
+    de,
     {
       ...l,
       icon: n,
@@ -2229,11 +2229,11 @@ const rr = /* @__PURE__ */ new Set([
       children: Ot(u, i)
     }
   );
-}, or = ({
+}, is = ({
   userFlow: t,
   pageId: e,
-  responseKey: s,
-  actionType: r,
+  responseKey: r,
+  actionType: s,
   dataSource: o,
   redirectUrl: i,
   dependencies: c,
@@ -2258,17 +2258,17 @@ const rr = /* @__PURE__ */ new Set([
   ), j = xt(t, e), { disabled: w } = B(
     t,
     c
-  ), N = r ? () => void j({
-    responseKey: s,
-    actionType: r,
+  ), N = s ? () => void j({
+    responseKey: r,
+    actionType: s,
     dataSource: o,
     redirectUrl: i,
     dependencies: c
   }) : void 0, k = h ?? w;
-  N && (n != null && n.some(($) => rr.has($.component))) && sr.NODE_ENV;
+  N && (n != null && n.some(($) => os.has($.component))) && as.NODE_ENV;
   const O = N ? { onClick: N, disabled: k } : {};
   return /* @__PURE__ */ a.jsx(
-    ie,
+    de,
     {
       version: "v2",
       status: f,
@@ -2285,17 +2285,17 @@ const rr = /* @__PURE__ */ new Set([
       children: Ot(C, n)
     }
   );
-}, cr = (t) => t.version === "v2" ? /* @__PURE__ */ a.jsx(or, { ...t }) : /* @__PURE__ */ a.jsx(ar, { ...t }), ir = "_dividerNotFront_tze3j_1", lr = {
-  dividerNotFront: ir
-}, dr = (t) => /* @__PURE__ */ a.jsx(Ge, { ...t, className: lr.dividerNotFront }), _r = "_drawer_13pxo_1", ur = "_drawerBody_13pxo_5", hr = "_drawerFooter_13pxo_11", kt = {
-  drawer: _r,
-  drawerBody: ur,
-  drawerFooter: hr
-}, fr = ({
+}, ls = (t) => t.version === "v2" ? /* @__PURE__ */ a.jsx(is, { ...t }) : /* @__PURE__ */ a.jsx(cs, { ...t }), ds = "_dividerNotFront_tze3j_1", _s = {
+  dividerNotFront: ds
+}, us = (t) => /* @__PURE__ */ a.jsx(Ve, { ...t, className: _s.dividerNotFront }), hs = "_drawer_13pxo_1", fs = "_drawerBody_13pxo_5", xs = "_drawerFooter_13pxo_11", kt = {
+  drawer: hs,
+  drawerBody: fs,
+  drawerFooter: xs
+}, ys = ({
   userFlow: t,
   pageId: e,
-  responseKey: s,
-  header: r,
+  responseKey: r,
+  header: s,
   body: o,
   footer: i,
   ...c
@@ -2310,11 +2310,11 @@ const rr = /* @__PURE__ */ new Set([
     ...c,
     isOpen: l,
     children: null
-  }, u = L(() => {
-    Lt(t), _t(t, !1);
-  }, [t]), h = Array.isArray(r) ? E(t, e, r) : r ? /* @__PURE__ */ a.jsx(re, { type: "h2", children: r }) : void 0, f = E(t, e, o), y = i ? E(t, e, i) : void 0;
+  }, u = I(() => {
+    qt(t), _t(t, !1);
+  }, [t]), h = Array.isArray(s) ? E(t, e, s) : s ? /* @__PURE__ */ a.jsx(oe, { type: "h2", children: s }) : void 0, f = E(t, e, o), y = i ? E(t, e, i) : void 0;
   return /* @__PURE__ */ a.jsx(
-    He,
+    Ue,
     {
       ...d,
       className: kt.drawer,
@@ -2326,11 +2326,11 @@ const rr = /* @__PURE__ */ new Set([
       footer: y ? /* @__PURE__ */ a.jsx("div", { className: kt.drawerFooter, children: y.map((p, x) => /* @__PURE__ */ a.jsx(A, { children: p }, `drawer-footer-${x}`)) }) : void 0
     }
   );
-}, xr = (t) => {
+}, ms = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    component: r,
+    pageId: r,
+    component: s,
     hash: o,
     responseKey: i,
     content: c,
@@ -2339,7 +2339,7 @@ const rr = /* @__PURE__ */ new Set([
     variant: l,
     leftIcon: d,
     rightIcon: u
-  } = t, h = xt(e, s), f = D(
+  } = t, h = xt(e, r), f = D(
     () => n.map((y) => ({
       label: y.content ?? y.label ?? "",
       onClick: () => {
@@ -2355,14 +2355,14 @@ const rr = /* @__PURE__ */ new Set([
     [n, h]
   );
   return /* @__PURE__ */ a.jsx(
-    Ve,
+    ze,
     {
       disabled: _,
       variant: l,
       items: f,
       children: /* @__PURE__ */ a.jsxs(A, { children: [
         d ? /* @__PURE__ */ a.jsx(
-          Vt,
+          Ut,
           {
             name: d,
             size: "md",
@@ -2371,7 +2371,7 @@ const rr = /* @__PURE__ */ new Set([
         ) : null,
         c,
         u ? /* @__PURE__ */ a.jsx(
-          Vt,
+          Ut,
           {
             name: u,
             size: "md",
@@ -2381,14 +2381,14 @@ const rr = /* @__PURE__ */ new Set([
       ] })
     }
   );
-}, yr = "_header_g1eri_1", mr = "_header_content_g1eri_5", te = {
-  header: yr,
-  header_content: mr
-}, gr = ({ components: t = [] }) => /* @__PURE__ */ a.jsx("section", { className: et(te.header, "avocado-dark-theme"), children: /* @__PURE__ */ a.jsx("div", { className: te.header_content, children: t.map((e, s) => /* @__PURE__ */ a.jsx(A, { children: e }, s)) }) }), pr = (t) => {
+}, gs = "_header_g1eri_1", ps = "_header_content_g1eri_5", ee = {
+  header: gs,
+  header_content: ps
+}, bs = ({ components: t = [] }) => /* @__PURE__ */ a.jsx("section", { className: et(ee.header, "avocado-dark-theme"), children: /* @__PURE__ */ a.jsx("div", { className: ee.header_content, children: t.map((e, r) => /* @__PURE__ */ a.jsx(A, { children: e }, r)) }) }), js = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    responseKey: r,
+    pageId: r,
+    responseKey: s,
     actionType: o,
     content: i,
     redirectUrl: c,
@@ -2403,21 +2403,21 @@ const rr = /* @__PURE__ */ new Set([
   ), y = o && u ? (() => {
     const { href: x, target: m, download: g, ...C } = u;
     return C;
-  })() : u, b = L(async () => {
+  })() : u, b = I(async () => {
     var x;
     if (o)
       try {
         const m = {
           ...(x = v.getState()[e]) == null ? void 0 : x.entries,
-          [r]: { status: 200 }
+          [s]: { status: 200 }
         };
-        switch (I(e, m), o) {
+        switch (q(e, m), o) {
           case "GO_TO_NEXT_UI": {
             const g = await h(
               e,
-              s,
+              r,
               m,
-              r
+              s
             );
             g != null && g.data && K(e, g == null ? void 0 : g.data);
             break;
@@ -2436,9 +2436,9 @@ const rr = /* @__PURE__ */ new Set([
       } catch (m) {
         alert(JSON.stringify(m));
       }
-  }, [o, h, s, c, r, n, e]), p = y.disabled ?? f;
+  }, [o, h, r, c, s, n, e]), p = y.disabled ?? f;
   return /* @__PURE__ */ a.jsx(
-    Ue,
+    Xe,
     {
       ...y,
       disabled: p,
@@ -2446,11 +2446,11 @@ const rr = /* @__PURE__ */ new Set([
       children: i
     }
   );
-}, br = (t) => {
+}, Cs = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    component: r,
+    pageId: r,
+    component: s,
     hash: o,
     responseKey: i,
     items: c,
@@ -2459,7 +2459,7 @@ const rr = /* @__PURE__ */ new Set([
     listOrigin: l,
     size: d,
     variant: u
-  } = t, h = xt(e, s), f = D(
+  } = t, h = xt(e, r), f = D(
     () => c.map((y) => ({
       icon: y.leftIcon,
       label: y.content ?? y.label ?? "",
@@ -2477,7 +2477,7 @@ const rr = /* @__PURE__ */ new Set([
     [c, h]
   );
   return /* @__PURE__ */ a.jsx(
-    ze,
+    Je,
     {
       items: f,
       closeOnClick: n,
@@ -2487,13 +2487,13 @@ const rr = /* @__PURE__ */ new Set([
       variant: u
     }
   );
-}, jr = "_modalContent_p06ci_1", Cr = {
-  modalContent: jr
-}, wr = ({
+}, ws = "_modalContent_p06ci_1", Ns = {
+  modalContent: ws
+}, vs = ({
   userFlow: t,
   pageId: e,
-  responseKey: s,
-  header: r,
+  responseKey: r,
+  header: s,
   body: o,
   footer: i,
   headerStatusColor: c,
@@ -2507,46 +2507,46 @@ const rr = /* @__PURE__ */ new Set([
     return (m = x[t]) == null ? void 0 : m.isLoading;
   }), d = _ && !l, u = {
     ...n
-  }, h = (u == null ? void 0 : u.headerStatusColor) ?? c, f = L(() => {
-    Lt(t), It(t, !1);
-  }, [t, s]), y = Array.isArray(r) ? E(t, e, r) : r, b = E(t, e, o), p = E(t, e, i);
+  }, h = (u == null ? void 0 : u.headerStatusColor) ?? c, f = I(() => {
+    qt(t), Kt(t, !1);
+  }, [t, r]), y = Array.isArray(s) ? E(t, e, s) : s, b = E(t, e, o), p = E(t, e, i);
   return /* @__PURE__ */ a.jsx(
-    Xe,
+    We,
     {
       ...u,
       headerStatusColor: h,
       header: typeof y == "string" ? y : /* @__PURE__ */ a.jsx(a.Fragment, { children: y.map((x, m) => /* @__PURE__ */ a.jsx(A, { children: x }, `modal-header-${m}`)) }),
-      children: /* @__PURE__ */ a.jsx("section", { className: Cr.modalContent, children: b.map((x, m) => /* @__PURE__ */ a.jsx(A, { children: x }, `modal-body-${m}`)) }),
+      children: /* @__PURE__ */ a.jsx("section", { className: Ns.modalContent, children: b.map((x, m) => /* @__PURE__ */ a.jsx(A, { children: x }, `modal-body-${m}`)) }),
       actions: /* @__PURE__ */ a.jsx(a.Fragment, { children: p.map((x, m) => /* @__PURE__ */ a.jsx(A, { children: x }, `modal-footer-${m}`)) }),
       open: d,
       onClose: f
     }
   );
-}, Nr = ({ userFlow: t, pageId: e }) => {
+}, Es = ({ userFlow: t, pageId: e }) => {
   var i, c;
-  const s = jn(t);
-  if (!s)
+  const r = wn(t);
+  if (!r)
     return null;
-  const r = [
-    ...(s == null ? void 0 : s.components) || [],
-    ...((i = s == null ? void 0 : s.header) == null ? void 0 : i.components) || [],
-    ...((c = s == null ? void 0 : s.body) == null ? void 0 : c.components) || []
+  const s = [
+    ...(r == null ? void 0 : r.components) || [],
+    ...((i = r == null ? void 0 : r.header) == null ? void 0 : i.components) || [],
+    ...((c = r == null ? void 0 : r.body) == null ? void 0 : c.components) || []
   ], o = E(
     t,
     e,
-    r
+    s
   );
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: o == null ? void 0 : o.map((n, _) => {
-    const l = `overlay-${_}-${s == null ? void 0 : s.hash}`;
+    const l = `overlay-${_}-${r == null ? void 0 : r.hash}`;
     return /* @__PURE__ */ a.jsx(A, { children: n }, l);
   }) });
-}, vr = [
+}, ks = [
   "success",
   "warning",
   "error",
   "info",
   "neutral"
-], Ce = {
+], Ne = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -2572,44 +2572,77 @@ const rr = /* @__PURE__ */ new Set([
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, Er = (t) => typeof t == "string" && vr.includes(t), kr = (t) => t != null && t.length ? t.length === 2 && Er(t[1]) ? [{ label: String(t[0]), variant: t[1] }] : t.map((e) => ({
-  label: String(e),
-  variant: "neutral"
-})) : [], Sr = (t) => {
-  const { content: e, variant: s = "neutral", ...r } = t, o = Ce[s], i = {
-    ...r,
+}, $t = {
+  success: {
+    color: "success-50",
+    textColor: "success-60",
+    iconColor: "success-50"
+  },
+  warning: {
+    color: "warning-50",
+    textColor: "warning-60",
+    iconColor: "warning-50"
+  },
+  error: {
+    color: "error-50",
+    textColor: "error-60",
+    iconColor: "error-50"
+  },
+  info: {
+    color: "primary-50",
+    textColor: "primary-70",
+    iconColor: "primary-70"
+  },
+  neutral: {
+    color: "neutral-30",
+    textColor: "neutral-50",
+    iconColor: "neutral-50"
+  }
+}, Ts = "outlined", ne = (t) => typeof t == "string" && ks.includes(t), Ss = (t, e = {}) => t != null && t.length ? t.length === 3 && ne(t[1]) && t[2] === Ts ? [{ label: String(t[0]), variant: t[1], outlined: !0 }] : t.length === 2 && ne(t[1]) ? [
+  {
+    label: String(t[0]),
+    variant: t[1],
+    ...e.outlined ? { outlined: !0 } : {}
+  }
+] : t.map((r) => ({
+  label: String(r),
+  variant: e.variant ?? "neutral",
+  ...e.outlined ? { outlined: !0 } : {}
+})) : [], As = (t) => {
+  const { content: e, variant: r = "neutral", ...s } = t, o = Ne[r], i = {
+    ...s,
     children: e,
-    color: (r == null ? void 0 : r.color) ?? o.color,
-    textColor: (r == null ? void 0 : r.textColor) ?? o.textColor,
-    iconColor: (r == null ? void 0 : r.iconColor) ?? o.iconColor
+    color: (s == null ? void 0 : s.color) ?? o.color,
+    textColor: (s == null ? void 0 : s.textColor) ?? o.textColor,
+    iconColor: (s == null ? void 0 : s.iconColor) ?? o.iconColor
   };
-  return /* @__PURE__ */ a.jsx(St, { ...i });
-}, Tr = (t) => {
+  return /* @__PURE__ */ a.jsx(Tt, { ...i });
+}, Os = (t) => {
   const { content: e } = t;
-  return /* @__PURE__ */ a.jsx(ce, { children: e });
-}, Ar = (t) => {
+  return /* @__PURE__ */ a.jsx(le, { children: e });
+}, $s = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    responseKey: r,
+    pageId: r,
+    responseKey: s,
     actionType: o,
     dataSource: i,
     dependencies: c,
     onClick: n,
     ..._
-  } = t, l = xt(e, s), { disabled: d } = B(
+  } = t, l = xt(e, r), { disabled: d } = B(
     e,
     c
   ), u = {
     ..._
-  }, h = (u == null ? void 0 : u.disabled) ?? d, [f, y] = q(!1), b = ut(!1), p = L(async () => {
+  }, h = (u == null ? void 0 : u.disabled) ?? d, [f, y] = L(!1), b = ut(!1), p = I(async () => {
     if (b.current)
       return;
     const x = o === "FETCH_DATA_SOURCE";
     x && (b.current = !0, y(!0));
     try {
       await l({
-        responseKey: r,
+        responseKey: s,
         actionType: o,
         dataSource: i,
         dependencies: c
@@ -2619,9 +2652,9 @@ const rr = /* @__PURE__ */ new Set([
     } finally {
       x && (b.current = !1, y(!1));
     }
-  }, [o, i, c, r, l]);
+  }, [o, i, c, s, l]);
   return /* @__PURE__ */ a.jsx(
-    Je,
+    Ye,
     {
       ...u,
       loading: u.loading || f,
@@ -2629,8 +2662,8 @@ const rr = /* @__PURE__ */ new Set([
       onClick: () => !h && !f && (n ?? p)()
     }
   );
-}, Or = "_row_1bqj4_1", $r = "_row_column_1bqj4_65", z = {
-  row: Or,
+}, Ds = "_row_1bqj4_1", Rs = "_row_column_1bqj4_65", z = {
+  row: Ds,
   "row__gap-none": "_row__gap-none_1bqj4_5",
   "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
   "row__gap-xs": "_row__gap-xs_1bqj4_11",
@@ -2651,7 +2684,7 @@ const rr = /* @__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: $r,
+  row_column: Rs,
   "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",
@@ -2672,11 +2705,11 @@ const rr = /* @__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"
-}, Dr = (t) => {
+}, Ls = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    columnWidth: r,
+    pageId: r,
+    columnWidth: s,
     columns: o,
     gap: i = "md",
     justifyContent: c = "start",
@@ -2712,7 +2745,7 @@ const rr = /* @__PURE__ */ new Set([
         z[`row__align-${n}`]
       ),
       children: _ == null ? void 0 : _.map((l, d) => {
-        const u = (r == null ? void 0 : r[d]) || `${100 / _.length}%`, h = E(e, s, l.items);
+        const u = (s == null ? void 0 : s[d]) || `${100 / _.length}%`, h = E(e, r, l.items);
         return !h || h.length === 0 ? null : /* @__PURE__ */ a.jsx(
           "div",
           {
@@ -2731,11 +2764,11 @@ const rr = /* @__PURE__ */ new Set([
     }
   );
 };
-function we({
+function ve({
   userFlow: t,
   pageId: e,
-  responseKey: s,
-  actionType: r,
+  responseKey: r,
+  actionType: s,
   getNextUI: o,
   isMulti: i = !1,
   debounceMs: c
@@ -2744,29 +2777,29 @@ function we({
   U(() => () => {
     n.current !== null && (clearTimeout(n.current), n.current = null);
   }, []);
-  const _ = L(
+  const _ = I(
     async (d) => {
       var f;
       const u = {
         ...(f = v.getState()[t]) == null ? void 0 : f.entries
       };
-      if (d ? (u[s] = d, I(t, u)) : (delete u[s], Cn(t, s)), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+      if (d ? (u[r] = d, q(t, u)) : (delete u[r], Nn(t, r)), s && (s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
           const b = await o(
             t,
             e,
             u,
-            s,
-            r === "GO_TO_NEXT_UI"
+            r,
+            s === "GO_TO_NEXT_UI"
           );
           b != null && b.data && K(t, b.data);
         } catch (y) {
           console.error("[useSelectChange] Failed to fetch next UI", y);
         }
     },
-    [t, e, s, r, o]
+    [t, e, r, s, o]
   );
-  return L(
+  return I(
     (d) => {
       if (!i) {
         _(d);
@@ -2783,29 +2816,29 @@ function we({
     [i, c, _]
   );
 }
-const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
-  var s;
-  return e.includes("{") ? e.replace(Rr, (r, o) => {
+const Is = /\{([^}]+)\}/g, qs = (t, e) => {
+  var r;
+  return e.includes("{") ? e.replace(Is, (s, o) => {
     var c;
     const i = (c = M.query(t, o.trim())) == null ? void 0 : c[0];
     return i != null ? String(i) : "";
-  }) : (s = M.query(t, e)) == null ? void 0 : s[0];
-}, Lr = (t, e, s, r) => {
+  }) : (r = M.query(t, e)) == null ? void 0 : r[0];
+}, Ks = (t, e, r, s) => {
   const o = M.query(t, e);
   return (o == null ? void 0 : o.map((i) => {
     var _;
-    const c = qr(i, s), n = r ? (_ = M.query(i, r)) == null ? void 0 : _[0] : i;
+    const c = qs(i, r), n = s ? (_ = M.query(i, s)) == null ? void 0 : _[0] : i;
     return { label: c, value: n };
   })) ?? [];
-}, Ir = (t, e, s, r = 10) => {
+}, Bs = (t, e, r, s = 10) => {
   var n, _;
   let o, i;
-  if (s) {
-    const l = M.value(t, s.size ?? "$.meta.size") ?? r, d = M.value(t, s.total ?? "$.meta.total") ?? 0;
+  if (r) {
+    const l = M.value(t, r.size ?? "$.meta.size") ?? s, d = M.value(t, r.total ?? "$.meta.total") ?? 0;
     o = l, i = d;
   } else {
     const l = t == null ? void 0 : t.meta;
-    o = (l == null ? void 0 : l.size) ?? ((n = l == null ? void 0 : l.page) == null ? void 0 : n.size) ?? r, i = (l == null ? void 0 : l.total) ?? ((_ = l == null ? void 0 : l.page) == null ? void 0 : _.total) ?? 0;
+    o = (l == null ? void 0 : l.size) ?? ((n = l == null ? void 0 : l.page) == null ? void 0 : n.size) ?? s, i = (l == null ? void 0 : l.total) ?? ((_ = l == null ? void 0 : l.page) == null ? void 0 : _.total) ?? 0;
   }
   const c = i > 0 ? Math.ceil(i / o) > e : !1;
   return {
@@ -2813,13 +2846,13 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
     total: i,
     hasMore: c
   };
-}, Kr = "_selectNotFront_ch3v5_1", Ne = {
-  selectNotFront: Kr
-}, Br = ({
+}, Ms = "_selectNotFront_ch3v5_1", Ee = {
+  selectNotFront: Ms
+}, Gs = ({
   userFlow: t,
   pageId: e,
-  responseKey: s,
-  required: r,
+  responseKey: r,
+  required: s,
   dataSource: o,
   actionType: i,
   dependencies: c,
@@ -2828,20 +2861,20 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
 }) => {
   const l = {
     ..._
-  }, { getNextUI: d, fetchDataSource: u } = H(), [h, f] = q((l == null ? void 0 : l.value) ?? ""), { disabled: y } = B(
+  }, { getNextUI: d, fetchDataSource: u } = H(), [h, f] = L((l == null ? void 0 : l.value) ?? ""), { disabled: y } = B(
     t,
     c
-  ), b = (l == null ? void 0 : l.disabled) ?? y, p = D(() => r && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, r]), x = D(() => {
+  ), b = (l == null ? void 0 : l.disabled) ?? y, p = D(() => 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 = D(() => {
     const j = l != null && l.isMulti ? h : [h], w = {};
     return Array.isArray(j) && j.forEach((N) => {
       if (!N) return;
       const k = JSON.stringify(N.value), O = JSON.stringify(N.label);
       w[k] = N, O in w || (w[O] = N);
     }), w;
-  }, [h]), m = we({
+  }, [h]), m = ve({
     userFlow: t,
     pageId: e,
-    responseKey: s,
+    responseKey: r,
     actionType: i,
     getNextUI: d,
     isMulti: l == null ? void 0 : l.isMulti,
@@ -2854,20 +2887,20 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
       jsonPathOptions: O,
       jsonPathValue: $,
       jsonPathPagination: Q
-    } = o, V = Kt(
+    } = o, V = Bt(
       o,
       N,
       j
-    ), S = await u(
+    ), T = await u(
       V,
       t,
       !1
-    ), G = S == null ? void 0 : S.data, ct = G ? Lr(
+    ), G = T == null ? void 0 : T.data, ct = G ? Ks(
       G,
       O,
       k,
       $
-    ) : [], { hasMore: bt } = Ir(
+    ) : [], { hasMore: bt } = Bs(
       G,
       N,
       Q
@@ -2881,10 +2914,10 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
     };
   };
   return /* @__PURE__ */ a.jsx(
-    We,
+    Qe,
     {
       ...l,
-      className: Ne.selectNotFront,
+      className: Ee.selectNotFront,
       label: p,
       value: h,
       disabled: b,
@@ -2899,11 +2932,11 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
       debounceTimeout: 350
     }
   );
-}, Mr = ({
+}, Hs = ({
   userFlow: t,
   pageId: e,
-  responseKey: s,
-  dataSource: r,
+  responseKey: r,
+  dataSource: s,
   required: o,
   actionType: i,
   dependencies: c,
@@ -2912,13 +2945,13 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
 }) => {
   const l = {
     ..._
-  }, { getNextUI: d } = H(), [u, h] = q(l.value || ""), { disabled: f } = B(
+  }, { getNextUI: d } = H(), [u, h] = L(l.value || ""), { disabled: f } = B(
     t,
     c
-  ), y = (l == null ? void 0 : l.disabled) ?? f, b = D(() => o && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, o]), p = we({
+  ), y = (l == null ? void 0 : l.disabled) ?? f, b = D(() => o && (l != null && l.label) ? `${l == null ? void 0 : l.label} *` : (l == null ? void 0 : l.label) ?? "", [l == null ? void 0 : l.label, o]), p = ve({
     userFlow: t,
     pageId: e,
-    responseKey: s,
+    responseKey: r,
     actionType: i,
     getNextUI: d,
     isMulti: l == null ? void 0 : l.isMulti,
@@ -2927,37 +2960,37 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
     h(m), p(m);
   };
   return /* @__PURE__ */ a.jsx(
-    Ye,
+    Ze,
     {
       ...l,
-      className: Ne.selectNotFront,
+      className: Ee.selectNotFront,
       label: b,
       value: u,
       disabled: y,
       onChange: (m) => !y && x(m)
     }
   );
-}, Gr = (t) => {
+}, Vs = (t) => {
   const { dataSource: e } = t;
-  return e ? /* @__PURE__ */ a.jsx(Br, { ...t }) : /* @__PURE__ */ a.jsx(Mr, { ...t });
-}, Hr = "_spacing_19hqa_1", Vr = "_spacing__xxs_19hqa_1", Ur = "_spacing__xs_19hqa_4", zr = "_spacing__sm_19hqa_7", Xr = "_spacing__md_19hqa_10", Jr = "_spacing__lg_19hqa_13", Wr = "_spacing__xl_19hqa_16", Yr = "_spacing__xxl_19hqa_19", Qr = "_spacing__xxxl_19hqa_22", ee = {
-  spacing: Hr,
-  spacing__xxs: Vr,
-  spacing__xs: Ur,
-  spacing__sm: zr,
-  spacing__md: Xr,
-  spacing__lg: Jr,
-  spacing__xl: Wr,
-  spacing__xxl: Yr,
-  spacing__xxxl: Qr
-}, Zr = (t) => {
-  const { size: e } = t, s = et(ee.spacing, ee[`spacing__${e}`]);
-  return /* @__PURE__ */ a.jsx("div", { className: s });
-}, Fr = (t) => {
+  return e ? /* @__PURE__ */ a.jsx(Gs, { ...t }) : /* @__PURE__ */ a.jsx(Hs, { ...t });
+}, Us = "_spacing_19hqa_1", zs = "_spacing__xxs_19hqa_1", Xs = "_spacing__xs_19hqa_4", Js = "_spacing__sm_19hqa_7", Ws = "_spacing__md_19hqa_10", Ys = "_spacing__lg_19hqa_13", Qs = "_spacing__xl_19hqa_16", Zs = "_spacing__xxl_19hqa_19", Ps = "_spacing__xxxl_19hqa_22", re = {
+  spacing: Us,
+  spacing__xxs: zs,
+  spacing__xs: Xs,
+  spacing__sm: Js,
+  spacing__md: Ws,
+  spacing__lg: Ys,
+  spacing__xl: Qs,
+  spacing__xxl: Zs,
+  spacing__xxxl: Ps
+}, Fs = (t) => {
+  const { size: e } = t, r = et(re.spacing, re[`spacing__${e}`]);
+  return /* @__PURE__ */ a.jsx("div", { className: r });
+}, ta = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    responseKey: r,
+    pageId: r,
+    responseKey: s,
     actionType: o,
     label: i,
     value: c,
@@ -2966,26 +2999,26 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
     ...l
   } = t, d = {
     ...l
-  }, { getNextUI: u } = H(), [h, f] = q(c || !1), { disabled: y } = B(
+  }, { getNextUI: u } = H(), [h, f] = L(c || !1), { disabled: y } = B(
     e,
     _
-  ), b = (d == null ? void 0 : d.disabled) ?? y, p = D(() => n && i ? `${i} *` : i ?? "", [i, n]), x = L(async () => {
+  ), b = (d == null ? void 0 : d.disabled) ?? y, p = D(() => n && i ? `${i} *` : i ?? "", [i, n]), x = I(async () => {
     var m;
     try {
       const g = !h;
       f(g);
       const C = {
         ...(m = v.getState()[e]) == null ? void 0 : m.entries,
-        [r]: g
+        [s]: g
       };
-      switch (I(e, C), o) {
+      switch (q(e, C), o) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
           const w = await u(
             e,
-            s,
-            C,
             r,
+            C,
+            s,
             o === "GO_TO_NEXT_UI"
           );
           w != null && w.data && K(e, w == null ? void 0 : w.data);
@@ -2997,9 +3030,9 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
     } catch (g) {
       console.error("Error in switch action:", g), alert(JSON.stringify(g));
     }
-  }, [e, s, r, o, h]);
+  }, [e, r, s, o, h]);
   return /* @__PURE__ */ a.jsx(
-    Qe,
+    Pe,
     {
       ...d,
       label: p,
@@ -3008,54 +3041,76 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
       onChange: () => !b && x()
     }
   );
-}, Pr = "_tableSkeleton_3nr9n_1", ta = "_tableArrayPills_3nr9n_7", ve = {
-  tableSkeleton: Pr,
-  tableArrayPills: ta
-}, ea = ({ values: t }) => {
-  const s = kr(t ?? []), r = s.slice(0, 4), o = s.length - 4;
-  return /* @__PURE__ */ a.jsxs("div", { className: ve.tableArrayPills, children: [
-    r.map((i, c) => {
-      const n = Ce[i.variant];
+}, ea = "_tableSkeleton_3nr9n_1", na = "_tableArrayPills_3nr9n_7", ke = {
+  tableSkeleton: ea,
+  tableArrayPills: na
+}, ra = (t, e) => {
+  if (t)
+    return $t[t];
+  if (e)
+    return $t.neutral;
+}, sa = ({
+  values: t,
+  pillVariant: e,
+  pillOutlined: r
+}) => {
+  const o = Ss(t ?? [], {
+    variant: e,
+    outlined: r
+  }), i = o.slice(0, 4), c = o.length - 4, n = ra(e, r);
+  return /* @__PURE__ */ a.jsxs("div", { className: ke.tableArrayPills, children: [
+    i.map((_, l) => {
+      const d = _.outlined ? $t[_.variant] : Ne[_.variant];
       return /* @__PURE__ */ a.jsx(
-        St,
+        Tt,
         {
-          color: n.color,
-          textColor: n.textColor,
-          iconColor: n.iconColor,
-          children: i.label
+          color: d.color,
+          textColor: d.textColor,
+          iconColor: d.iconColor,
+          outlined: _.outlined,
+          children: _.label
         },
-        `${i.label}-${i.variant}-${c}`
+        `${_.label}-${_.variant}-${_.outlined ?? !1}-${l}`
       );
     }),
-    o > 0 && /* @__PURE__ */ a.jsxs(St, { outlined: !0, children: [
-      "+",
-      o
-    ] })
+    c > 0 && /* @__PURE__ */ a.jsxs(
+      Tt,
+      {
+        outlined: !0,
+        color: n == null ? void 0 : n.color,
+        textColor: n == null ? void 0 : n.textColor,
+        iconColor: n == null ? void 0 : n.iconColor,
+        children: [
+          "+",
+          c
+        ]
+      }
+    )
   ] });
-}, na = ({
+}, aa = ({
   userFlow: t,
   pageId: e,
-  tableResponseKey: s,
-  component: r,
+  tableResponseKey: r,
+  component: s,
   rowData: o
 }) => {
   const { getNextUI: i, fetchAndGetNextUI: c, fetchDataSource: n } = H(), _ = E(t, e, [
-    { ...r }
+    { ...s }
   ]), l = (_ == null ? void 0 : _[0]) || null;
   if (!l) return null;
   const {
     actionType: d,
     responseKey: u,
     dataSource: h
-  } = l.props, f = L(async () => {
+  } = l.props, f = I(async () => {
     var y, b, p;
     try {
       const x = {
         ...(y = v.getState()[t]) == null ? void 0 : y.entries,
         [u]: { status: 200 },
-        [s]: [{ ...o }]
+        [r]: [{ ...o }]
       };
-      switch (I(t, x), d) {
+      switch (q(t, x), d) {
         case "GO_TO_NEXT_UI": {
           const m = await i(
             t,
@@ -3097,7 +3152,7 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
               content: j == null ? void 0 : j.data
             }
           };
-          I(t, w);
+          q(t, w);
           const N = await i(
             t,
             e,
@@ -3115,32 +3170,40 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
       alert(JSON.stringify(x));
     }
   }, [d, h, e, u, t]);
-  return Ae(l, {
+  return $e(l, {
     onClick: f
   });
-}, sa = () => /* @__PURE__ */ a.jsx("div", { className: ve.tableSkeleton, children: [...Array(10)].map((t, e) => /* @__PURE__ */ a.jsx(
-  oe,
+}, oa = () => /* @__PURE__ */ a.jsx("div", { className: ke.tableSkeleton, children: [...Array(10)].map((t, e) => /* @__PURE__ */ a.jsx(
+  ie,
   {
     maxWidth: "100%",
     height: 42,
     radius: 8
   },
   `tableSkeletonBase${e}`
-)) }), ra = (t, e) => !(e != null && e.length) || !t ? t : t.map((s) => e.some(
-  (o) => Array.isArray(
-    s != null && s.accessor ? o[s == null ? void 0 : s.accessor] : void 0
-  )
-) ? {
-  ...s,
+)) }), ca = (t, e) => !(e != null && e.length) || !t ? t : t.map((r) => e.some((o) => {
+  const i = o;
+  return Array.isArray(
+    r != null && r.accessor ? i[r.accessor] : void 0
+  );
+}) ? {
+  ...r,
   renderCell: (o) => {
-    const i = s.accessor ? o[s.accessor] : void 0;
-    return Array.isArray(i) ? /* @__PURE__ */ a.jsx(ea, { values: i }) : i ?? "";
+    const i = r.accessor ? o[r.accessor] : void 0;
+    return Array.isArray(i) ? /* @__PURE__ */ a.jsx(
+      sa,
+      {
+        values: i,
+        pillVariant: r.pillVariant,
+        pillOutlined: r.pillOutlined
+      }
+    ) : i ?? "";
   }
-} : s), aa = ({
+} : r), ia = ({
   userFlow: t,
   pageId: e,
-  responseKey: s,
-  component: r,
+  responseKey: r,
+  component: s,
   dataSource: o,
   rightActions: i,
   data: c,
@@ -3148,24 +3211,24 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
   ..._
 }) => {
   var Q, V;
-  const { fetchDataSource: l } = H(), [d, u] = q(!1), [h, f] = q(1), [y, b] = q(null), p = !o && Array.isArray(c), x = !!(o != null && o.jsonPathCursorPagination) && !!((Q = o == null ? void 0 : o.jsonPathPagination) != null && Q.hasMore), m = ut(
+  const { fetchDataSource: l } = H(), [d, u] = L(!1), [h, f] = L(1), [y, b] = L(null), p = !o && Array.isArray(c), x = !!(o != null && o.jsonPathCursorPagination) && !!((Q = o == null ? void 0 : o.jsonPathPagination) != null && Q.hasMore), m = ut(
     /* @__PURE__ */ new Map([[1, null]])
   ), g = D(() => {
     if (i != null && i.length)
-      return i.map((S, G) => ({
+      return i.map((T, G) => ({
         renderContent: (ct) => /* @__PURE__ */ a.jsx(
-          na,
+          aa,
           {
             userFlow: t,
             pageId: e,
-            tableResponseKey: s,
-            component: S,
+            tableResponseKey: r,
+            component: T,
             rowData: ct
           },
           `tableRowAction${G}`
         )
       }));
-  }, [i, t, e, s]), C = async (S = 1) => {
+  }, [i, t, e, r]), C = async (T = 1) => {
     if (!o)
       return;
     const {
@@ -3174,43 +3237,43 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
       jsonPathPagination: bt,
       jsonPathCursorPagination: it
     } = o;
-    if (it && S !== 1 && !m.current.has(S)) {
+    if (it && T !== 1 && !m.current.has(T)) {
       f(1), C(1);
       return;
     }
-    it && S === 1 && (m.current = /* @__PURE__ */ new Map([[1, null]]));
+    it && T === 1 && (m.current = /* @__PURE__ */ new Map([[1, null]]));
     try {
       u(!0);
-      const jt = it ? m.current.get(S) ?? null : null, ke = Kt(
+      const jt = it ? m.current.get(T) ?? null : null, Se = Bt(
         o,
-        S,
+        T,
         void 0,
         jt
       ), Z = await l(
-        ke,
+        Se,
         t,
         !1
       );
       if (b(
-        pe(
+        je(
           Z == null ? void 0 : Z.data,
           ct,
           G,
           bt
         )
       ), it) {
-        const Bt = gs(
+        const Mt = br(
           Z == null ? void 0 : Z.data,
           it
         );
-        Bt && m.current.set(S + 1, Bt);
+        Mt && m.current.set(T + 1, Mt);
       }
       u(!1);
     } catch (jt) {
       console.error("[TableNotFront] fetchData:", jt), u(!1);
     }
-  }, j = (S) => {
-    f(S), C(S);
+  }, j = (T) => {
+    f(T), C(T);
   };
   U(() => {
     p || C();
@@ -3218,8 +3281,8 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
   const w = p ? c : y == null ? void 0 : y.items, N = p && !!n && ((c == null ? void 0 : c.length) ?? 0) > n, k = D(() => {
     if (!N || !c || !n)
       return w ?? [];
-    const S = (h - 1) * n;
-    return c.slice(S, S + n);
+    const T = (h - 1) * n;
+    return c.slice(T, T + n);
   }, [
     N,
     c,
@@ -3227,10 +3290,7 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
     h,
     w
   ]), O = D(
-    () => ra(
-      _.columns,
-      w
-    ),
+    () => ca(_.columns, w),
     [w, _.columns]
   ), $ = {
     ..._,
@@ -3239,7 +3299,7 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
     rightActions: g
   };
   return p ? !w || w.length === 0 ? /* @__PURE__ */ a.jsx(mt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(Mt, { ...$ }),
+    /* @__PURE__ */ a.jsx(Gt, { ...$ }),
     N && n && c && /* @__PURE__ */ a.jsx(
       Ct,
       {
@@ -3250,8 +3310,8 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
         onChange: f
       }
     )
-  ] }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: d ? /* @__PURE__ */ a.jsx(sa, {}) : y && ((V = y == null ? void 0 : y.items) == null ? void 0 : V.length) > 0 ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(Mt, { ...$ }),
+  ] }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: d ? /* @__PURE__ */ a.jsx(oa, {}) : y && ((V = y == null ? void 0 : y.items) == null ? void 0 : V.length) > 0 ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(Gt, { ...$ }),
     !x && (y == null ? void 0 : y.pagination) && y.pagination.totalPages > 1 && /* @__PURE__ */ a.jsx(
       Ct,
       {
@@ -3273,31 +3333,31 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
       }
     )
   ] }) : /* @__PURE__ */ a.jsx(mt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, oa = "_tabsPanel_kvslb_1", ca = {
-  tabsPanel: oa
-}, ia = ({ userFlow: t, pageId: e, components: s }) => {
-  const r = E(t, e, s);
-  return r != null && r.length ? /* @__PURE__ */ a.jsx("section", { className: ca.tabsPanel, children: r.map((o, i) => /* @__PURE__ */ a.jsx(A, { children: o }, `tabs-panel-${i}`)) }) : null;
-}, la = ({
+}, la = "_tabsPanel_kvslb_1", da = {
+  tabsPanel: la
+}, _a = ({ userFlow: t, pageId: e, components: r }) => {
+  const s = E(t, e, r);
+  return s != null && s.length ? /* @__PURE__ */ a.jsx("section", { className: da.tabsPanel, children: s.map((o, i) => /* @__PURE__ */ a.jsx(A, { children: o }, `tabs-panel-${i}`)) }) : null;
+}, ua = ({
   userFlow: t,
   pageId: e,
-  hash: s,
-  items: r,
+  hash: r,
+  items: s,
   activeIndex: o,
   className: i,
   responseKey: c
 }) => {
-  const n = r.map((l, d) => ({
+  const n = s.map((l, d) => ({
     label: l.label,
     disabled: l.disabled,
     children: /* @__PURE__ */ a.jsx(
-      ia,
+      _a,
       {
         userFlow: t,
         pageId: e,
         components: l.components
       },
-      `${s}-tab-${d}`
+      `${r}-tab-${d}`
     )
   })), _ = (l) => {
     var u;
@@ -3305,10 +3365,10 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
       ...(u = v.getState()[t]) == null ? void 0 : u.entries,
       [c]: l
     };
-    I(t, d);
+    q(t, d);
   };
   return /* @__PURE__ */ a.jsx(
-    Ze,
+    Fe,
     {
       className: i,
       activeIndex: o,
@@ -3316,30 +3376,30 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
       onClick: _
     }
   );
-}, Ee = (t, e, s) => {
-  const r = v(
+}, Te = (t, e, r) => {
+  const s = v(
     (i) => {
       var c, n;
       return (n = (c = i[t]) == null ? void 0 : c.entries) == null ? void 0 : n[e];
     }
-  ), o = L(
-    (i) => I(t, { [e]: i }),
+  ), o = I(
+    (i) => q(t, { [e]: i }),
     [t, e]
   );
-  return [r ?? s, o];
-}, da = "_textareaNotFront_1wpe5_1", _a = {
-  textareaNotFront: da
-}, ua = (t) => {
+  return [s ?? r, o];
+}, ha = "_textareaNotFront_1wpe5_1", fa = {
+  textareaNotFront: ha
+}, xa = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    component: r,
+    pageId: r,
+    component: s,
     hash: o,
     responseKey: i,
     required: c,
     dependencies: n,
     ..._
-  } = t, { value: l, ...d } = _, [u, h] = Ee(
+  } = t, { value: l, ...d } = _, [u, h] = Te(
     e,
     i,
     l ?? ""
@@ -3348,29 +3408,29 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
     n
   ), y = (d == null ? void 0 : d.disabled) ?? f, b = D(() => c && (d != null && d.label) ? `${d.label} *` : (d == null ? void 0 : d.label) ?? "", [d == null ? void 0 : d.label, c]), p = (x) => h(x.target.value);
   return /* @__PURE__ */ a.jsx(
-    Fe,
+    tn,
     {
       ...d,
-      className: _a.textareaNotFront,
+      className: fa.textareaNotFront,
       label: b,
       value: u,
       disabled: y,
       onChange: (x) => !y && p(x)
     }
   );
-}, ha = "_textFieldNotFront_1n8fy_1", fa = {
-  textFieldNotFront: ha
-}, xa = (t) => {
+}, ya = "_textFieldNotFront_1n8fy_1", ma = {
+  textFieldNotFront: ya
+}, ga = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    component: r,
+    pageId: r,
+    component: s,
     hash: o,
     responseKey: i,
     required: c,
     dependencies: n,
     ..._
-  } = t, { value: l, ...d } = _, [u, h] = Ee(
+  } = t, { value: l, ...d } = _, [u, h] = Te(
     e,
     i,
     l ?? ""
@@ -3379,10 +3439,10 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
     n
   ), y = (d == null ? void 0 : d.disabled) ?? f, b = D(() => c && (d != null && d.label) ? `${d == null ? void 0 : d.label} *` : (d == null ? void 0 : d.label) ?? "", [d == null ? void 0 : d.label, c]), p = (x) => h(x.target.value);
   return /* @__PURE__ */ a.jsx(
-    Pe,
+    en,
     {
       ...d,
-      className: fa.textFieldNotFront,
+      className: ma.textFieldNotFront,
       allowClear: !1,
       label: b,
       value: u,
@@ -3390,17 +3450,17 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
       onChange: (x) => !y && p(x)
     }
   );
-}, ya = ({
+}, pa = ({
   userFlow: t,
   pageId: e,
-  responseKey: s,
-  variant: r,
+  responseKey: r,
+  variant: s,
   content: o,
   actionType: i,
   redirectUrl: c
 }) => {
-  const n = L(async () => {
-    Lt(t);
+  const n = I(async () => {
+    qt(t);
     try {
       switch (i) {
         case "AUTOCLOSE_AND_REDIRECT":
@@ -3413,27 +3473,27 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
     } catch (_) {
       console.error("Error in toast action:", _), alert(JSON.stringify(_));
     }
-  }, [i, e, s, t, c]);
+  }, [i, e, r, t, c]);
   return U(() => {
     ({
       info: lt.info,
       error: lt.error,
       success: lt.success,
       warning: lt.warning
-    }[r] || lt.info)(o, {
+    }[s] || lt.info)(o, {
       autoClose: i ? !1 : 4e3,
       containerId: t,
       onClose: n
     });
   }, [n, t]), null;
-}, ma = "_tooltipNotFront_106iw_1", ga = "_tooltipNotFront_content_106iw_5", ne = {
-  tooltipNotFront: ma,
-  tooltipNotFront_content: ga
-}, pa = (t) => {
+}, ba = "_tooltipNotFront_106iw_1", ja = "_tooltipNotFront_content_106iw_5", se = {
+  tooltipNotFront: ba,
+  tooltipNotFront_content: ja
+}, Ca = (t) => {
   const {
     userFlow: e,
-    pageId: s,
-    component: r,
+    pageId: r,
+    component: s,
     hash: o,
     responseKey: i,
     content: c,
@@ -3443,13 +3503,13 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
     visible: d
   } = t, u = E(
     e,
-    s,
+    r,
     c != null && c.length ? c : null
-  ), h = u && u.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: ne.tooltipNotFront_content, children: u.map((f, y) => /* @__PURE__ */ a.jsx(A, { children: f }, `tooltip-${o}-${y}`)) }) : null;
+  ), h = u && u.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: se.tooltipNotFront_content, children: u.map((f, y) => /* @__PURE__ */ a.jsx(A, { children: f }, `tooltip-${o}-${y}`)) }) : null;
   return /* @__PURE__ */ a.jsx(
-    tn,
+    nn,
     {
-      className: ne.tooltipNotFront,
+      className: se.tooltipNotFront,
       label: n,
       placement: _,
       notShowArrow: l,
@@ -3458,33 +3518,33 @@ const Rr = /\{([^}]+)\}/g, qr = (t, e) => {
     }
   );
 };
-function Ba({
+function Ha({
   sessionName: t,
   apiConfig: e,
-  onResolveComponentProps: s,
-  children: r
+  onResolveComponentProps: r,
+  children: s
 }) {
-  const o = Na(
+  const o = ka(
     t,
     e,
     null,
-    s
+    r
   );
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     o,
-    r
+    s
   ] });
 }
-const ba = { api: "", headers: {} }, ja = ({
+const wa = { api: "", headers: {} }, Na = ({
   userFlow: t,
   components: e,
-  hash: s,
-  apiConfig: r
+  hash: r,
+  apiConfig: s
 }) => {
-  const o = s ?? `${t}-page`;
-  q(() => {
+  const o = r ?? `${t}-page`;
+  L(() => {
     var _, l;
-    return (l = (_ = v.getState()[t]) == null ? void 0 : _.pages) != null && l[o] || yt(t, r ?? ba, {
+    return (l = (_ = v.getState()[t]) == null ? void 0 : _.pages) != null && l[o] || yt(t, s ?? wa, {
       type: "page",
       hash: o,
       body: { components: e }
@@ -3493,72 +3553,72 @@ const ba = { api: "", headers: {} }, ja = ({
   const i = E(t, o, e);
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: i });
 };
-function Ca(t) {
+function va(t) {
   if (t == null || typeof t != "object" || !("components" in t) || !Array.isArray(t.components))
     throw new Error(
       "[renderNotFront] payload.display must be an object with a `components` array"
     );
   return t.components;
 }
-const wa = ({ payload: t, userFlow: e }) => {
-  const s = Ca(t.display), r = ja({
+const Ea = ({ payload: t, userFlow: e }) => {
+  const r = va(t.display), s = Na({
     userFlow: e,
     hash: t.id,
-    components: s
+    components: r
   });
-  return /* @__PURE__ */ a.jsx(a.Fragment, { children: r });
-}, Ma = wa, se = (t, e, s, r, o) => {
+  return /* @__PURE__ */ a.jsx(a.Fragment, { children: s });
+}, Va = Ea, ae = (t, e, r, s, o) => {
   const i = E(
     t,
     e,
-    (r == null ? void 0 : r.components) || null,
+    (s == null ? void 0 : s.components) || null,
     o
   );
-  switch (s) {
+  switch (r) {
     case "body":
       return /* @__PURE__ */ a.jsx(
-        Yn,
+        Zn,
         {
-          ...r,
+          ...s,
           inputs: i || []
         },
-        JSON.stringify(r == null ? void 0 : r.components)
+        JSON.stringify(s == null ? void 0 : s.components)
       );
     case "header":
       return /* @__PURE__ */ a.jsx(
-        gr,
+        bs,
         {
-          ...r,
+          ...s,
           components: i || []
         },
-        JSON.stringify(r == null ? void 0 : r.components)
+        JSON.stringify(s == null ? void 0 : s.components)
       );
     default:
       return null;
   }
-}, Na = (t, e, s, r) => {
+}, ka = (t, e, r, s) => {
   var p, x;
-  const [o, i] = q(!1), c = !!(e != null && e.api && !s && t), [n, _] = q(c), l = v((m) => m[t]), d = l == null ? void 0 : l.currentPageId, u = (l == null ? void 0 : l.isLoading) ?? !1, h = n || u;
+  const [o, i] = L(!1), c = !!(e != null && e.api && !r && t), [n, _] = L(c), l = v((m) => m[t]), d = l == null ? void 0 : l.currentPageId, u = (l == null ? void 0 : l.isLoading) ?? !1, h = n || u;
   U(() => {
     if (typeof window > "u") return;
     const m = new URL(window.location.href), g = m.searchParams.get("sessionId");
-    g && (qt(g), m.searchParams.delete("sessionId"), window.history.replaceState({}, "", m.toString()));
+    g && (It(g), m.searchParams.delete("sessionId"), window.history.replaceState({}, "", m.toString()));
   }, []);
-  const f = d ? se(
+  const f = d ? ae(
     t,
     d,
     "header",
     ((p = l == null ? void 0 : l.pages[d].page) == null ? void 0 : p.header) || null,
-    r
-  ) : null, y = d ? se(
+    s
+  ) : null, y = d ? ae(
     t,
     d,
     "body",
     ((x = l == null ? void 0 : l.pages[d].page) == null ? void 0 : x.body) || null,
-    r
+    s
   ) : null, b = async () => {
     try {
-      const m = await me(
+      const m = await pe(
         e,
         t
       ), g = m == null ? void 0 : m.data, C = g == null ? void 0 : g.content;
@@ -3576,7 +3636,7 @@ const wa = ({ payload: t, userFlow: e }) => {
     }
   };
   return U(() => {
-    e != null && e.api && !s && t ? b() : !(e != null && e.api) && s && t || e != null && e.api && s && t ? yt(t, e, s) : (!(e != null && e.api) && !s || !t) && (i(!0), console.error(
+    e != null && e.api && !r && t ? b() : !(e != null && e.api) && r && t || e != null && e.api && r && t ? yt(t, e, r) : (!(e != null && e.api) && !r || !t) && (i(!0), console.error(
       "[not-page]: API call failed",
       "not api config",
       "not userFlow"
@@ -3589,23 +3649,23 @@ const wa = ({ payload: t, userFlow: e }) => {
       window.removeEventListener(m, g);
     };
   }, []), o && console.error("[not-page]: No render page"), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    h && /* @__PURE__ */ a.jsx(en, {}),
+    h && /* @__PURE__ */ a.jsx(rn, {}),
     f,
     y,
-    d && /* @__PURE__ */ a.jsx(Nr, { userFlow: t, pageId: d }),
-    l && /* @__PURE__ */ a.jsx(nn, {})
+    d && /* @__PURE__ */ a.jsx(Es, { userFlow: t, pageId: d }),
+    l && /* @__PURE__ */ a.jsx(sn, {})
   ] });
 };
 export {
-  Xs as Chart,
-  Ba as NotFrontPage,
-  wa as RenderNotFront,
-  Dr as Row,
-  Ka as clearSessionId,
-  Ca as extractNotFrontComponents,
-  Tn as heading,
-  Ma as renderNotFront,
-  An as text,
-  ja as useNotFrontFragment,
-  Na as usePage
+  Wr as Chart,
+  Ha as NotFrontPage,
+  Ea as RenderNotFront,
+  Ls as Row,
+  Ga as clearSessionId,
+  va as extractNotFrontComponents,
+  On as heading,
+  Va as renderNotFront,
+  $n as text,
+  Na as useNotFrontFragment,
+  ka as usePage
 };