@foris/avocado-not-front 5.0.2 → 5.0.4

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

@@ -1,8 +1,8 @@
 import X from "axios";
 import { create as ut } from "zustand";
-import ht, { useMemo as E, useState as R, useCallback as L, Fragment as T, useEffect as U, useRef as _e, cloneElement as ft } from "react";
-import { Heading as Ze, Text as yt, Accordion as mt, ThemeStore as re, Box as xt, RadioButton as gt, Stepper as bt, ProgressBar as pt, Breadcrumbs as jt, Button as Ct, CardAccordion as wt, Card as Nt, CardNotification as ie, SkeletonBase as Fe, Checkbox as vt, PreviewerMarkdown as Pe, DataCard as St, Divider as kt, Drawer as Et, DropdownButton as Tt, Link as Ot, Menu as At, Modal as $t, Pill as Ce, RoundButton as qt, SelectPagination as Rt, Select as Dt, Switch as Lt, Table as $e, Pager as qe, Tabs as It, Textarea as Bt, TextField as Gt, toast as se, Tooltip as Kt, Loading as Mt, Toaster as Ut } from "@foris/avocado-suite";
-import { ChatPanel as Vt, PromptCodeEditor as Ht, SummaryCard as zt } from "@foris/ai-agent";
+import ht, { useMemo as k, useState as R, useCallback as L, Fragment as T, useEffect as M, useRef as _e, cloneElement as ft } from "react";
+import { Heading as Ze, Text as yt, Accordion as mt, ThemeStore as re, Box as xt, RadioButton as gt, Stepper as bt, ProgressBar as pt, Breadcrumbs as jt, Button as Ct, CardAccordion as wt, Card as Nt, CardNotification as ie, SkeletonBase as Fe, Checkbox as vt, PreviewerMarkdown as Pe, DataCard as Et, Divider as St, Drawer as kt, DropdownButton as Tt, Link as Ot, Menu as At, Modal as $t, Pill as Ce, RoundButton as qt, SelectPagination as Rt, Select as Dt, Switch as Lt, Table as $e, Pager as qe, Tabs as It, Textarea as Bt, TextField as Gt, toast as se, Tooltip as Kt, Loading as Ht, Toaster as Mt } from "@foris/avocado-suite";
+import { ChatPanel as Ut, PromptCodeEditor as Vt, SummaryCard as zt } from "@foris/ai-agent";
 import G from "jsonpath";
 import { ResponsiveContainer as et, Legend as Xt, Tooltip as Jt, XAxis as Wt, YAxis as Qt, AreaChart as Yt, CartesianGrid as Ne, Area as Zt, BarChart as Ft, Bar as Pt, LineChart as en, Line as tn, PieChart as nn, Pie as sn, Cell as an } from "recharts";
 import rn from "@uiw/react-codemirror";
@@ -269,11 +269,11 @@ function gn() {
   Ge = 1;
   var e = ht, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(n, d, a) {
-    var _, u = {}, h = null, f = null;
-    a !== void 0 && (h = "" + a), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (f = d.ref);
+    var _, u = {}, h = null, y = null;
+    a !== void 0 && (h = "" + a), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (y = d.ref);
     for (_ in d) r.call(d, _) && !l.hasOwnProperty(_) && (u[_] = d[_]);
     if (n && n.defaultProps) for (_ in d = n.defaultProps, d) u[_] === void 0 && (u[_] = d[_]);
-    return { $$typeof: t, type: n, key: h, ref: f, props: u, _owner: i.current };
+    return { $$typeof: t, type: n, key: h, ref: y, props: u, _owner: i.current };
   }
   return ae.Fragment = s, ae.jsx = c, ae.jsxs = c, ae;
 }
@@ -297,7 +297,7 @@ const pn = (e) => {
     children: e.content
   };
   return /* @__PURE__ */ o.jsx(yt, { ...t });
-}, S = (e, t, s, r) => {
+}, E = (e, t, s, r) => {
   var c;
   const i = {
     accordion: (n) => /* @__PURE__ */ o.jsx(On, { ...n, userFlow: e, pageId: t }),
@@ -320,7 +320,7 @@ const pn = (e) => {
       }
     ),
     aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(Rn, { ...n, userFlow: e, pageId: t }),
-    box: (n) => /* @__PURE__ */ o.jsx(Vn, { ...n, userFlow: e, pageId: t }),
+    box: (n) => /* @__PURE__ */ o.jsx(Un, { ...n, userFlow: e, pageId: t }),
     breadcrumbs: (n) => /* @__PURE__ */ o.jsx(ts, { ...n, userFlow: e, pageId: t }),
     tooltip: (n) => /* @__PURE__ */ o.jsx(Ka, { ...n, userFlow: e, pageId: t }),
     textarea: (n) => /* @__PURE__ */ o.jsx(qa, { ...n, userFlow: e, pageId: t }),
@@ -340,7 +340,7 @@ const pn = (e) => {
     divider: (n) => /* @__PURE__ */ o.jsx(Ds, { ...n }),
     drawer: (n) => /* @__PURE__ */ o.jsx(Gs, { ...n, userFlow: e, pageId: t }),
     heading: (n) => pn(n),
-    link: (n) => /* @__PURE__ */ o.jsx(Hs, { ...n, userFlow: e, pageId: t }),
+    link: (n) => /* @__PURE__ */ o.jsx(Vs, { ...n, userFlow: e, pageId: t }),
     pill: (n) => /* @__PURE__ */ o.jsx(Zs, { ...n }),
     previewerMarkdown: (n) => /* @__PURE__ */ o.jsx(Fs, { ...n }),
     modal: (n) => /* @__PURE__ */ o.jsx(Ws, { ...n, userFlow: e, pageId: t }),
@@ -349,7 +349,7 @@ const pn = (e) => {
     select: (n) => /* @__PURE__ */ o.jsx(da, { ...n, userFlow: e, pageId: t }),
     switch: (n) => /* @__PURE__ */ o.jsx(ja, { ...n, userFlow: e, pageId: t }),
     spacing: (n) => /* @__PURE__ */ o.jsx(pa, { ...n, userFlow: e, pageId: t }),
-    table: (n) => /* @__PURE__ */ o.jsx(Ea, { ...n, userFlow: e, pageId: t }),
+    table: (n) => /* @__PURE__ */ o.jsx(ka, { ...n, userFlow: e, pageId: t }),
     tabs: (n) => /* @__PURE__ */ o.jsx($a, { ...n, userFlow: e, pageId: t }),
     text: (n) => jn(n),
     textField: (n) => /* @__PURE__ */ o.jsx(La, { ...n, userFlow: e, pageId: t }),
@@ -379,7 +379,7 @@ function I(e, t) {
     var i;
     return (i = r[e]) == null ? void 0 : i.entries;
   });
-  return E(
+  return k(
     () => ({
       disabled: nt(s, t)
     }),
@@ -458,7 +458,7 @@ const ee = (e) => {
     }),
     controller: c
   };
-}, Sn = (e, t = {}, s = {}, r = {}, i = !1, l) => {
+}, En = (e, t = {}, s = {}, r = {}, i = !1, l) => {
   const c = oe();
   i && c.abort();
   const n = ee(t);
@@ -516,7 +516,7 @@ const ee = (e) => {
     default:
       return "get";
   }
-}, kn = (e, t, s) => {
+}, Sn = (e, t, s) => {
   const { url: r, paginationKeys: i, params: l } = e, c = [], n = (i == null ? void 0 : i.page) ?? "page";
   if (c.push(`${n}=${t}`), typeof s == "string") {
     const _ = (i == null ? void 0 : i.text) ?? "text";
@@ -530,10 +530,10 @@ const ee = (e) => {
   }
   const d = c.join("&");
   return d ? `${r}?${d}` : r;
-}, Se = (e, t, s, r) => {
+}, Ee = (e, t, s, r) => {
   const { type: i, url: l, method: c, headers: n } = e;
   if (i === "rest") {
-    const d = kn(e, t, s), _ = { ...(e == null ? void 0 : e.data) ?? {}, ...r ?? {} };
+    const d = Sn(e, t, s), _ = { ...(e == null ? void 0 : e.data) ?? {}, ...r ?? {} };
     return {
       type: "rest",
       url: d,
@@ -558,18 +558,18 @@ const ee = (e) => {
   const e = N((n) => n), { callEndpoint: t } = st(), s = async (n, d, a, _, u = !0) => {
     var h;
     try {
-      const f = (h = e[n]) == null ? void 0 : h.apiConfig, m = {
+      const y = (h = e[n]) == null ? void 0 : h.apiConfig, m = {
         state: { ...a },
         triggerKey: _
       };
       return u && Y(n, !0), await at(
-        f,
+        y,
         n,
         d,
         m
       );
-    } catch (f) {
-      throw u && Y(n, !1), console.error("[getNextUI] Error fetching next UI:", f), f;
+    } catch (y) {
+      throw u && Y(n, !1), console.error("[getNextUI] Error fetching next UI:", y), y;
     }
   }, r = (n, d) => {
     const { url: a, headers: _, data: u, params: h } = n;
@@ -581,7 +581,7 @@ const ee = (e) => {
       case "patch":
         return vn(a, _, u, {}, !1, d);
       case "delete":
-        return Sn(a, _, u, h, !1, d);
+        return En(a, _, u, h, !1, d);
       case "get":
       default:
         return wn(a, _, h, !1, d);
@@ -623,13 +623,13 @@ const ee = (e) => {
       }
       return await t(h);
     } catch (h) {
-      const f = h;
-      return console.error("[fetchDataSource] Error:", f), {
-        status: ((_ = f == null ? void 0 : f.response) == null ? void 0 : _.status) ?? 0,
-        data: ((u = f == null ? void 0 : f.response) == null ? void 0 : u.data) ?? {
-          message: f == null ? void 0 : f.message,
-          code: f == null ? void 0 : f.code,
-          config: f == null ? void 0 : f.config
+      const y = h;
+      return console.error("[fetchDataSource] Error:", y), {
+        status: ((_ = y == null ? void 0 : y.response) == null ? void 0 : _.status) ?? 0,
+        data: ((u = y == null ? void 0 : y.response) == null ? void 0 : u.data) ?? {
+          message: y == null ? void 0 : y.message,
+          code: y == null ? void 0 : y.code,
+          config: y == null ? void 0 : y.config
         }
       };
     } finally {
@@ -657,8 +657,8 @@ const ee = (e) => {
       }
     }
   };
-}, En = "_accordion_1ri2t_1", Tn = "_accordionBody_1ri2t_8", Me = {
-  accordion: En,
+}, kn = "_accordion_1ri2t_1", Tn = "_accordionBody_1ri2t_8", He = {
+  accordion: kn,
   accordionBody: Tn
 }, On = (e) => {
   const {
@@ -675,7 +675,7 @@ const ee = (e) => {
   ), { disabled: h } = I(
     t,
     i
-  ), f = S(t, s, n), m = c ? S(t, s, c) : void 0, g = l ? S(t, s, l) : void 0, x = L(
+  ), y = E(t, s, n), m = c ? E(t, s, c) : void 0, g = l ? E(t, s, l) : void 0, x = L(
     async (p) => {
       var C;
       try {
@@ -699,24 +699,24 @@ const ee = (e) => {
       }
     },
     [t, s, r, d.actionType, a]
-  ), y = d.disabled || h, b = {
+  ), f = d.disabled || h, b = {
     ...d,
-    className: Me.accordion,
-    disabled: y,
+    className: He.accordion,
+    disabled: f,
     checkboxChecked: _,
     onChanceCheckbox: d.hasCheckbox ? x : void 0,
     actionContent: m ? /* @__PURE__ */ o.jsx(o.Fragment, { children: m.map((p, C) => /* @__PURE__ */ o.jsx(T, { children: p }, `accordion-action-${C}`)) }) : void 0,
     customContent: g ? /* @__PURE__ */ o.jsx(o.Fragment, { children: g.map((p, C) => /* @__PURE__ */ o.jsx(T, { children: p }, `accordion-custom-${C}`)) }) : void 0,
-    children: f ? /* @__PURE__ */ o.jsx("section", { className: Me.accordionBody, children: f.map((p, C) => /* @__PURE__ */ o.jsx(T, { children: p }, `accordion-child-${C}`)) }) : void 0
+    children: y ? /* @__PURE__ */ o.jsx("section", { className: He.accordionBody, children: y.map((p, C) => /* @__PURE__ */ o.jsx(T, { children: p }, `accordion-child-${C}`)) }) : void 0
   };
   return /* @__PURE__ */ o.jsx(mt, { ...b });
 }, An = (e) => {
-  const t = re.useThemeStore((c) => c.theme.mode), s = e.dataSource, r = E(() => ({
+  const t = re.useThemeStore((c) => c.theme.mode), s = e.dataSource, r = k(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     params: s == null ? void 0 : s.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, s == null ? void 0 : s.data]), i = e.locale ?? "en", l = E(() => {
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, s == null ? void 0 : s.data]), i = e.locale ?? "en", l = k(() => {
     var n, d, a, _, u;
     const c = {
       title: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.title,
@@ -727,7 +727,7 @@ const ee = (e) => {
     };
     return Object.fromEntries(Object.entries(c).filter(([, h]) => !!h));
   }, [e == null ? void 0 : e.translations]);
-  return U(() => {
+  return M(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: r,
       locale: i,
@@ -743,7 +743,7 @@ const ee = (e) => {
     e.initialSuggestions,
     t
   ]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx(
-    Vt,
+    Ut,
     {
       dataSource: r,
       locale: i,
@@ -766,30 +766,30 @@ const ee = (e) => {
     inputLabel: d,
     inputPlaceholder: a,
     codeBlockLabel: _
-  } = e, u = re.useThemeStore((p) => p.theme.mode), [h, f] = R(
+  } = e, u = re.useThemeStore((p) => p.theme.mode), [h, y] = R(
     r || ""
   ), { disabled: m } = I(
     t,
     c
-  ), g = l ?? m, x = i ?? "json", y = {
+  ), g = l ?? m, x = i ?? "json", f = {
     url: (n == null ? void 0 : n.url) || "",
     method: (n == null ? void 0 : n.method) || "post",
     headers: n == null ? void 0 : n.headers,
     body: n == null ? void 0 : n.data
   }, b = (p) => {
-    f(p);
+    y(p);
     const C = {
       [s]: p
     };
     $(t, C);
   };
-  return U(() => {
-    r !== void 0 && r !== h && f(r);
+  return M(() => {
+    r !== void 0 && r !== h && y(r);
   }, [r]), /* @__PURE__ */ o.jsx("section", { className: qn.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
-    Ht,
+    Vt,
     {
       themeMode: u,
-      requestConfig: y,
+      requestConfig: f,
       language: x,
       disabled: g,
       inputLabel: d,
@@ -802,12 +802,12 @@ const ee = (e) => {
 }, Dn = "_summaryCard_jva4h_1", Ln = {
   summaryCard: Dn
 }, In = (e) => {
-  const t = e.dataSource, s = E(() => ({
+  const t = e.dataSource, s = k(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     body: t == null ? void 0 : t.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), r = e.locale ?? "en", i = E(() => {
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), r = e.locale ?? "en", i = k(() => {
     var c, n, d;
     const l = {
       title: (c = e == null ? void 0 : e.translations) == null ? void 0 : c.title,
@@ -818,7 +818,7 @@ const ee = (e) => {
       Object.entries(l).filter(([, a]) => !!a)
     );
   }, [e == null ? void 0 : e.translations]);
-  return U(() => {
+  return M(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: s,
       locale: r,
@@ -832,12 +832,12 @@ const ee = (e) => {
       translations: i
     }
   ) });
-}, Bn = "_body_14tsv_1", Gn = "_body_content_14tsv_5", Ue = {
+}, Bn = "_body_14tsv_1", Gn = "_body_content_14tsv_5", Me = {
   body: Bn,
   body_content: Gn
-}, Kn = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: Ue.body, children: /* @__PURE__ */ o.jsx("div", { className: Ue.body_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(T, { children: t }, s)) }) }), Mn = "_slotStack_1b4wy_1", Un = {
-  slotStack: Mn
-}, Vn = (e) => {
+}, Kn = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: Me.body, children: /* @__PURE__ */ o.jsx("div", { className: Me.body_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(T, { children: t }, s)) }) }), Hn = "_slotStack_1b4wy_1", Mn = {
+  slotStack: Hn
+}, Un = (e) => {
   const {
     userFlow: t,
     pageId: s,
@@ -845,11 +845,11 @@ const ee = (e) => {
     hash: i,
     responseKey: l,
     content: c
-  } = e, n = re.useThemeStore((_) => _.theme.mode) === "dark", d = S(
+  } = e, n = re.useThemeStore((_) => _.theme.mode) === "dark", d = E(
     t,
     s,
     c != null && c.length ? c : null
-  ), a = d && d.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Un.slotStack, children: d.map((_, u) => /* @__PURE__ */ o.jsx(T, { children: _ }, `box-${i}-${u}`)) }) : null;
+  ), a = d && d.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Mn.slotStack, children: d.map((_, u) => /* @__PURE__ */ o.jsx(T, { children: _ }, `box-${i}-${u}`)) }) : null;
   return /* @__PURE__ */ o.jsx(xt, { darkMode: n, children: a });
 };
 var be = { exports: {} };
@@ -858,9 +858,9 @@ var be = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ve;
-function Hn() {
-  return Ve || (Ve = 1, (function(e) {
+var Ue;
+function Vn() {
+  return Ue || (Ue = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function s() {
@@ -891,7 +891,7 @@ function Hn() {
     })();
   })(be)), be.exports;
 }
-var zn = Hn();
+var zn = Vn();
 const P = /* @__PURE__ */ xn(zn), Xn = "_fieldset_1xrth_1", Jn = "_fieldsetColumn_1xrth_8", Wn = "_legend_1xrth_14", Qn = "_options_1xrth_20", Yn = "_optionsRow_1xrth_25", Zn = "_optionsColumn_1xrth_36", Z = {
   fieldset: Xn,
   fieldsetColumn: Jn,
@@ -911,7 +911,7 @@ const P = /* @__PURE__ */ xn(zn), Xn = "_fieldset_1xrth_1", Jn = "_fieldsetColum
     dependencies: d,
     direction: a,
     items: _
-  } = e, u = a === "column" ? "column" : "row", { getNextUI: h } = K(), { disabled: f } = I(
+  } = e, u = a === "column" ? "column" : "row", { getNextUI: h } = K(), { disabled: y } = I(
     t,
     d
   ), m = N(
@@ -919,7 +919,7 @@ const P = /* @__PURE__ */ xn(zn), Xn = "_fieldset_1xrth_1", Jn = "_fieldsetColum
       var C, j;
       return (j = (C = p[t]) == null ? void 0 : C.entries) == null ? void 0 : j[r];
     }
-  ), g = m != null ? String(m) : l ?? "", x = f, y = E(() => i ? c ? `${i} *` : i : null, [i, c]), b = L(
+  ), g = m != null ? String(m) : l ?? "", x = y, f = k(() => i ? c ? `${i} *` : i : null, [i, c]), b = L(
     async (p) => {
       var C;
       if (!x)
@@ -959,7 +959,7 @@ const P = /* @__PURE__ */ xn(zn), Xn = "_fieldset_1xrth_1", Jn = "_fieldsetColum
         u === "column" && Z.fieldsetColumn
       ),
       children: [
-        y ? /* @__PURE__ */ o.jsx("legend", { className: Z.legend, children: y }) : null,
+        f ? /* @__PURE__ */ o.jsx("legend", { className: Z.legend, children: f }) : null,
         /* @__PURE__ */ o.jsx(
           "div",
           {
@@ -1035,22 +1035,22 @@ const P = /* @__PURE__ */ xn(zn), Xn = "_fieldset_1xrth_1", Jn = "_fieldsetColum
       }
     },
     []
-  ), l = E(() => t == null ? void 0 : t.map((c) => ({
+  ), l = k(() => t == null ? void 0 : t.map((c) => ({
     title: c == null ? void 0 : c.title,
     component: /* @__PURE__ */ o.jsx("div", { onClick: () => i(c) })
   })), []);
   return /* @__PURE__ */ o.jsx(jt, { items: l });
 };
-function ke(e, t) {
+function Se(e, t) {
   const { getNextUI: s, fetchDataSource: r, fetchAndGetNextUI: i } = K();
   return L(
     async (l) => {
-      var h, f, m, g;
+      var h, y, m, g;
       const { responseKey: c, actionType: n, dataSource: d, redirectUrl: a, dependencies: _ } = l, u = (h = N.getState()[e]) == null ? void 0 : h.entries;
       if (!nt(u, _))
         try {
           const x = {
-            ...(f = N.getState()[e]) == null ? void 0 : f.entries,
+            ...(y = N.getState()[e]) == null ? void 0 : y.entries,
             [c]: { status: 200 }
           };
           switch ($(e, x), n) {
@@ -1064,47 +1064,47 @@ function ke(e, t) {
               J(e, !0);
               break;
             case "GO_TO_NEXT_UI": {
-              const y = await s(
+              const f = await s(
                 e,
                 t,
                 x,
                 c
               );
-              y != null && y.data && D(e, y == null ? void 0 : y.data);
+              f != null && f.data && D(e, f == null ? void 0 : f.data);
               break;
             }
             case "FETCH_AND_GO_TO_NEXT_UI": {
-              const y = await i(
+              const f = await i(
                 e,
                 t,
                 x,
                 c,
                 d
               );
-              y != null && y.data && D(e, y == null ? void 0 : y.data);
+              f != null && f.data && D(e, f == null ? void 0 : f.data);
               break;
             }
             case "FETCH_DATA_SOURCE": {
-              const y = await r(
+              const f = await r(
                 d,
                 e,
                 !1
               );
               $(e, {
                 [c]: {
-                  status: y == null ? void 0 : y.status,
-                  content: y == null ? void 0 : y.data
+                  status: f == null ? void 0 : f.status,
+                  content: f == null ? void 0 : f.data
                 }
               });
               break;
             }
             case "GET_DATA_SOURCE": {
-              const y = await s(
+              const f = await s(
                 e,
                 t,
                 x,
                 c
-              ), b = (m = y == null ? void 0 : y.data) == null ? void 0 : m.content;
+              ), b = (m = f == null ? void 0 : f.data) == null ? void 0 : m.content;
               if ((b == null ? void 0 : b.type) !== "fetch")
                 break;
               const p = b == null ? void 0 : b.dataSource, C = await r(p, e, !1), j = {
@@ -1156,17 +1156,17 @@ const ns = (e) => {
     dependencies: a,
     onClick: _,
     ...u
-  } = e, h = ke(t, s), { disabled: f } = I(
+  } = e, h = Se(t, s), { disabled: y } = I(
     t,
     a
   ), m = {
     ...u,
     children: c ?? l
-  }, g = (m == null ? void 0 : m.disabled) ?? f, [x, y] = R(!1), b = _e(!1), p = L(async () => {
+  }, g = (m == null ? void 0 : m.disabled) ?? y, [x, f] = R(!1), b = _e(!1), p = L(async () => {
     if (b.current)
       return;
     const C = i === "FETCH_DATA_SOURCE";
-    C && (b.current = !0, y(!0));
+    C && (b.current = !0, f(!0));
     try {
       await h({
         responseKey: r,
@@ -1178,7 +1178,7 @@ const ns = (e) => {
     } catch (j) {
       console.error("[ButtonNotFront] Action failed:", j);
     } finally {
-      C && (b.current = !1, y(!1));
+      C && (b.current = !1, f(!1));
     }
   }, [
     i,
@@ -1197,7 +1197,7 @@ const ns = (e) => {
       onClick: () => !g && !x && (_ ?? p)()
     }
   );
-}, ss = "_slotStack_12u4t_5", He = {
+}, ss = "_slotStack_12u4t_5", Ve = {
   slotStack: ss
 }, as = (e) => {
   const {
@@ -1213,22 +1213,22 @@ const ns = (e) => {
   } = e, { disabled: _ } = I(
     t,
     c
-  ), u = S(
+  ), u = E(
     t,
     s,
     n && n.length > 0 ? n : null
-  ), h = S(
+  ), h = E(
     t,
     s,
     d && d.length > 0 ? d : null
-  ), f = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: He.slotStack, children: u.map((x, y) => /* @__PURE__ */ o.jsx(T, { children: x }, `card-accordion-body-${i}-${y}`)) }) : void 0, m = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: He.slotStack, children: h.map((x, y) => /* @__PURE__ */ o.jsx(T, { children: x }, `card-accordion-actions-${i}-${y}`)) }) : void 0, g = a.disabled || _;
+  ), y = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ve.slotStack, children: u.map((x, f) => /* @__PURE__ */ o.jsx(T, { children: x }, `card-accordion-body-${i}-${f}`)) }) : void 0, m = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ve.slotStack, children: h.map((x, f) => /* @__PURE__ */ o.jsx(T, { children: x }, `card-accordion-actions-${i}-${f}`)) }) : void 0, g = a.disabled || _;
   return /* @__PURE__ */ o.jsx(
     wt,
     {
       ...a,
       disabled: g,
       actionContent: m,
-      children: f ?? null
+      children: y ?? null
     }
   );
 }, rs = "_slotStack_ivk5b_1", os = {
@@ -1247,16 +1247,16 @@ const ns = (e) => {
     dataSource: _,
     redirectUrl: u,
     dependencies: h
-  } = e, { getNextUI: f, fetchDataSource: m, fetchAndGetNextUI: g } = K(), { disabled: x } = I(
+  } = e, { getNextUI: y, fetchDataSource: m, fetchAndGetNextUI: g } = K(), { disabled: x } = I(
     t,
     h
-  ), y = d ?? x, b = S(
+  ), f = d ?? x, b = E(
     t,
     s,
     c && c.length > 0 ? c : null
   ), p = b && b.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: os.slotStack, children: b.map((j, w) => /* @__PURE__ */ o.jsx(T, { children: j }, `card-body-${i}-${w}`)) }) : null, C = L(async () => {
     var j, w, v;
-    if (!(!a || y))
+    if (!(!a || f))
       try {
         const O = {
           ...(j = N.getState()[t]) == null ? void 0 : j.entries,
@@ -1274,7 +1274,7 @@ const ns = (e) => {
             break;
           case "GO_TO_NEXT_UI":
           case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-            const q = await f(
+            const q = await y(
               t,
               s,
               O,
@@ -1296,7 +1296,7 @@ const ns = (e) => {
             break;
           }
           case "GET_DATA_SOURCE": {
-            const A = await f(
+            const A = await y(
               t,
               s,
               O,
@@ -1304,18 +1304,18 @@ const ns = (e) => {
             ), q = (w = A == null ? void 0 : A.data) == null ? void 0 : w.content;
             if ((q == null ? void 0 : q.type) !== "fetch")
               break;
-            const W = q == null ? void 0 : q.dataSource, V = await m(W, t, !1), k = {
+            const W = q == null ? void 0 : q.dataSource, U = await m(W, t, !1), S = {
               ...(v = N.getState()[t]) == null ? void 0 : v.entries,
               [l]: {
-                status: V == null ? void 0 : V.status,
-                content: V == null ? void 0 : V.data
+                status: U == null ? void 0 : U.status,
+                content: U == null ? void 0 : U.data
               }
             };
-            $(t, k);
-            const B = await f(
+            $(t, S);
+            const B = await y(
               t,
               s,
-              k,
+              S,
               l
             );
             B != null && B.data && D(t, B == null ? void 0 : B.data);
@@ -1333,10 +1333,10 @@ const ns = (e) => {
   }, [
     a,
     _,
-    y,
+    f,
     g,
     m,
-    f,
+    y,
     s,
     u,
     l,
@@ -1346,8 +1346,8 @@ const ns = (e) => {
     Nt,
     {
       colorId: n,
-      disabled: y,
-      onClick: a && !y ? () => void C() : void 0,
+      disabled: f,
+      onClick: a && !f ? () => void C() : void 0,
       children: p
     }
   );
@@ -1378,15 +1378,15 @@ const ns = (e) => {
     var _, u;
     if (s) {
       const h = {};
-      for (const [f, m] of Object.entries(s))
+      for (const [y, m] of Object.entries(s))
         if (typeof m == "object" && "path" in m) {
           const g = m, x = (_ = G.query(a, g.path)) == null ? void 0 : _[0];
-          g.translations && String(x) in g.translations ? h[f] = pe(
+          g.translations && String(x) in g.translations ? h[y] = pe(
             g.translations[String(x)]
-          ) : h[f] = pe(x);
+          ) : h[y] = pe(x);
         } else {
           const g = m;
-          h[f] = pe((u = G.query(a, g)) == null ? void 0 : u[0]);
+          h[y] = pe((u = G.query(a, g)) == null ? void 0 : u[0]);
         }
       return h;
     } else
@@ -1400,20 +1400,20 @@ const ns = (e) => {
     ) : c > 0 ? Math.ceil(n / c) : 0
   };
   return { items: l, pagination: d };
-}, Ee = ({
+}, ke = ({
   width: e,
   data: t,
   Chart: s,
   children: r
 }) => e ? /* @__PURE__ */ o.jsx(s, { width: e, height: de, data: t, children: r }) : /* @__PURE__ */ o.jsx(et, { width: "100%", height: de, children: /* @__PURE__ */ o.jsx(s, { data: t, children: r }) }), he = ({ withPadding: e = !1 }) => {
-  const t = (s) => /* @__PURE__ */ o.jsx("span", { style: { color: M.labelColor }, children: s });
+  const t = (s) => /* @__PURE__ */ o.jsx("span", { style: { color: H.labelColor }, children: s });
   return /* @__PURE__ */ o.jsx(
     Xt,
     {
       formatter: t,
       wrapperStyle: {
-        fontSize: M.fontSize,
-        fontFamily: M.fontFamily,
+        fontSize: H.fontSize,
+        fontFamily: H.fontFamily,
         padding: e ? "1rem 0" : "0"
       }
     }
@@ -1428,9 +1428,9 @@ const ns = (e) => {
   if (!e || !t || !t.length)
     return null;
   const i = {
-    backgroundColor: M.tooltipBg,
-    borderRadius: M.tooltipBorderRadius,
-    color: M.tooltipColor,
+    backgroundColor: H.tooltipBg,
+    borderRadius: H.tooltipBorderRadius,
+    color: H.tooltipColor,
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
@@ -1454,21 +1454,21 @@ const ns = (e) => {
     dataKey: e,
     hide: t,
     tick: {
-      fill: M.labelColor,
-      fontSize: M.fontSize
+      fill: H.labelColor,
+      fontSize: H.fontSize
     }
   }
 ), Oe = () => /* @__PURE__ */ o.jsx(
   Qt,
   {
     tick: {
-      fill: M.labelColor,
-      fontSize: M.fontSize
+      fill: H.labelColor,
+      fontSize: H.fontSize
     }
   }
 ), _s = (e) => {
   const { data: t, xKey: s, yKeys: r, tooltipKey: i, width: l } = e;
-  return /* @__PURE__ */ o.jsxs(Ee, { width: l, data: t, Chart: Yt, children: [
+  return /* @__PURE__ */ o.jsxs(ke, { width: l, data: t, Chart: Yt, children: [
     /* @__PURE__ */ o.jsx(Ne, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(Te, { dataKey: s }),
     /* @__PURE__ */ o.jsx(Oe, {}),
@@ -1479,15 +1479,15 @@ const ns = (e) => {
       {
         type: "monotone",
         dataKey: c,
-        stroke: H[n % H.length],
-        fill: H[n % H.length]
+        stroke: V[n % V.length],
+        fill: V[n % V.length]
       },
       c
     ))
   ] });
 }, us = (e) => {
   const { data: t, yKeys: s, xKey: r, tooltipKey: i, width: l } = e;
-  return /* @__PURE__ */ o.jsxs(Ee, { width: l, data: t, Chart: Ft, children: [
+  return /* @__PURE__ */ o.jsxs(ke, { width: l, data: t, Chart: Ft, children: [
     /* @__PURE__ */ o.jsx(Ne, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(Te, { dataKey: r }),
     /* @__PURE__ */ o.jsx(Oe, {}),
@@ -1497,14 +1497,14 @@ const ns = (e) => {
       Pt,
       {
         dataKey: c,
-        fill: H[n % H.length]
+        fill: V[n % V.length]
       },
       c
     ))
   ] });
 }, hs = (e) => {
   const { data: t, xKey: s, yKeys: r, tooltipKey: i, width: l } = e;
-  return /* @__PURE__ */ o.jsxs(Ee, { width: l, data: t, Chart: en, children: [
+  return /* @__PURE__ */ o.jsxs(ke, { width: l, data: t, Chart: en, children: [
     /* @__PURE__ */ o.jsx(Ne, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(Te, { dataKey: s }),
     /* @__PURE__ */ o.jsx(Oe, {}),
@@ -1515,7 +1515,7 @@ const ns = (e) => {
       {
         type: "monotone",
         dataKey: c,
-        stroke: H[n % H.length],
+        stroke: V[n % V.length],
         strokeWidth: 2,
         dot: !1
       },
@@ -1531,14 +1531,14 @@ const ns = (e) => {
     outerRadius: _,
     value: u
   }) => {
-    const h = Math.PI / 180, f = 25 + a + (_ - a), m = c + f * Math.cos(-(d ?? 0) * h), g = n + f * Math.sin(-(d ?? 0) * h);
+    const h = Math.PI / 180, y = 25 + a + (_ - a), m = c + y * Math.cos(-(d ?? 0) * h), g = n + y * Math.sin(-(d ?? 0) * h);
     return /* @__PURE__ */ o.jsx(
       "text",
       {
         x: m,
         y: g,
-        fill: M.labelColor,
-        color: M.labelColor,
+        fill: H.labelColor,
+        color: H.labelColor,
         textAnchor: "middle",
         dominantBaseline: "central",
         children: u
@@ -1559,7 +1559,7 @@ const ns = (e) => {
         children: t.map((c, n) => /* @__PURE__ */ o.jsx(
           an,
           {
-            fill: H[n % H.length]
+            fill: V[n % V.length]
           },
           `cell-${n}`
         ))
@@ -1571,7 +1571,7 @@ const ns = (e) => {
   bar: us,
   line: hs,
   pie: fs
-}, H = [
+}, V = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
   "var(--color-primitive-palette-3-50)",
@@ -1589,7 +1589,7 @@ const ns = (e) => {
   "var(--color-primitive-palette-15-50)",
   "var(--color-primitive-palette-16-50)",
   "var(--color-primitive-palette-17-50)"
-], M = {
+], H = {
   fontFamily: "Roboto, sans-serif",
   fontSize: 12,
   labelColor: "var(--color-neutral-90)",
@@ -1609,7 +1609,7 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
   children: s
 }) => {
   const r = _e(null), [i, l] = R(0), c = t ?? ct;
-  U(() => {
+  M(() => {
     const _ = r.current;
     if (!_)
       return;
@@ -1665,25 +1665,25 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
     }
   );
 }, Cs = (e) => {
-  const { component: t, userFlow: s, hash: r, responseKey: i, dataSource: l, ...c } = e, n = ms[c.type], { fetchDataSource: d } = K(), [a, _] = R(!1), [u, h] = R([]), f = async () => {
-    var x, y;
+  const { component: t, userFlow: s, hash: r, responseKey: i, dataSource: l, ...c } = e, n = ms[c.type], { fetchDataSource: d } = K(), [a, _] = R(!1), [u, h] = R([]), y = async () => {
+    var x, f;
     try {
       _(!0);
-      const { jsonPathData: b, mapperData: p } = l, C = Se(
+      const { jsonPathData: b, mapperData: p } = l, C = Ee(
         l,
         1
       ), j = await d(
         C,
         s,
         !1
-      ), w = b ? (x = ot(j == null ? void 0 : j.data, b, p)) == null ? void 0 : x.items : (y = j == null ? void 0 : j.data) == null ? void 0 : y.data;
+      ), w = b ? (x = ot(j == null ? void 0 : j.data, b, p)) == null ? void 0 : x.items : (f = j == null ? void 0 : j.data) == null ? void 0 : f.data;
       h(w), _(!1);
     } catch (b) {
       alert(JSON.stringify(b)), _(!1);
     }
   };
-  if (U(() => {
-    n && (l ? f() : h(c.data));
+  if (M(() => {
+    n && (l ? y() : h(c.data));
   }, []), !n)
     return /* @__PURE__ */ o.jsx("div", { children: "Not supported chart type" });
   const m = {
@@ -1711,14 +1711,14 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
     ...a
   } = e, _ = {
     ...a
-  }, { getNextUI: u } = K(), [h, f] = R(c || !1), { disabled: m } = I(
+  }, { getNextUI: u } = K(), [h, y] = R(c || !1), { disabled: m } = I(
     t,
     d
-  ), g = E(() => n && l ? `${l} *` : l ?? "", [l, n]), x = L(async () => {
+  ), g = k(() => n && l ? `${l} *` : l ?? "", [l, n]), x = L(async () => {
     var b;
     try {
       const p = !h;
-      f(p);
+      y(p);
       const C = {
         ...(b = N.getState()[t]) == null ? void 0 : b.entries,
         [r]: p
@@ -1742,25 +1742,25 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
     } catch (p) {
       console.error("Error in checkbox action:", p), alert(JSON.stringify(p));
     }
-  }, [t, s, r, i, h]), y = (_ == null ? void 0 : _.disabled) ?? m;
+  }, [t, s, r, i, h]), f = (_ == null ? void 0 : _.disabled) ?? m;
   return /* @__PURE__ */ o.jsx(
     vt,
     {
       ..._,
       labelRight: g,
       checked: h,
-      disabled: y,
+      disabled: f,
       onChange: () => {
-        !y && x();
+        !f && x();
       }
     }
   );
-}, Ns = "_codeEditor_1wi2p_1", vs = "_codeEditor_label_1wi2p_4", Ss = "_codeEditor_wrapper_1wi2p_13", ks = "_input_1wi2p_17", Es = "_preview_1wi2p_18", Ts = "_preview_inner_1wi2p_33", F = {
+}, Ns = "_codeEditor_1wi2p_1", vs = "_codeEditor_label_1wi2p_4", Es = "_codeEditor_wrapper_1wi2p_13", Ss = "_input_1wi2p_17", ks = "_preview_1wi2p_18", Ts = "_preview_inner_1wi2p_33", F = {
   codeEditor: Ns,
   codeEditor_label: vs,
-  codeEditor_wrapper: Ss,
-  input: ks,
-  preview: Es,
+  codeEditor_wrapper: Es,
+  input: Ss,
+  preview: ks,
   preview_inner: Ts
 }, Os = (e) => {
   const {
@@ -1775,16 +1775,16 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
     disabled: a,
     showPreview: _,
     height: u = "400px"
-  } = e, [h, f] = R(c ?? ""), m = re.useThemeStore((C) => C.theme.mode), { disabled: g } = I(
+  } = e, [h, y] = R(c ?? ""), m = re.useThemeStore((C) => C.theme.mode), { disabled: g } = I(
     t,
     d
-  ), x = a ?? g, y = {
+  ), x = a ?? g, f = {
     json: Re(),
     markdown: on(),
     sql: cn(),
     yaml: ln()
-  }, b = E(() => n && r ? `${r} *` : r ?? "", [r, n]), p = (C) => {
-    f(C);
+  }, b = k(() => n && r ? `${r} *` : r ?? "", [r, n]), p = (C) => {
+    y(C);
     const j = {
       [s]: C
     };
@@ -1800,7 +1800,7 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
           value: h,
           height: u,
           placeholder: l,
-          extensions: [y[i] ?? Re()],
+          extensions: [f[i] ?? Re()],
           onChange: (C) => p(C),
           theme: m,
           editable: !x
@@ -1823,17 +1823,17 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
     icon: d,
     headerStatusColor: a,
     ..._
-  } = e, u = a ? `palette_${a}_50` : void 0, h = S(
+  } = e, u = a ? `palette_${a}_50` : void 0, h = E(
     t,
     s,
     c && c.length > 0 ? c : null
-  ), f = S(
+  ), y = E(
     t,
     s,
     n && n.length > 0 ? n : null
-  ), m = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Xe.slotStack, children: h.map((x, y) => /* @__PURE__ */ o.jsx(T, { children: x }, `data-card-body-${i}-${y}`)) }) : void 0, g = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Xe.slotStack, children: f.map((x, y) => /* @__PURE__ */ o.jsx(T, { children: x }, `data-card-top-${i}-${y}`)) }) : void 0;
+  ), m = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Xe.slotStack, children: h.map((x, f) => /* @__PURE__ */ o.jsx(T, { children: x }, `data-card-body-${i}-${f}`)) }) : void 0, g = y && y.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Xe.slotStack, children: y.map((x, f) => /* @__PURE__ */ o.jsx(T, { children: x }, `data-card-top-${i}-${f}`)) }) : void 0;
   return /* @__PURE__ */ o.jsx(
-    St,
+    Et,
     {
       ..._,
       icon: d,
@@ -1844,7 +1844,7 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
   );
 }, qs = "_dividerNotFront_tze3j_1", Rs = {
   dividerNotFront: qs
-}, Ds = (e) => /* @__PURE__ */ o.jsx(kt, { ...e, className: Rs.dividerNotFront }), Ls = "_drawer_13pxo_1", Is = "_drawerBody_13pxo_5", Bs = "_drawerFooter_13pxo_11", je = {
+}, Ds = (e) => /* @__PURE__ */ o.jsx(St, { ...e, className: Rs.dividerNotFront }), Ls = "_drawer_13pxo_1", Is = "_drawerBody_13pxo_5", Bs = "_drawerFooter_13pxo_11", je = {
   drawer: Ls,
   drawerBody: Is,
   drawerFooter: Bs
@@ -1857,30 +1857,30 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
   footer: l,
   ...c
 }) => {
-  const n = N((g) => {
-    var x;
-    return (x = g[e]) == null ? void 0 : x.isDrawerOpen;
-  }), d = N((g) => {
-    var x;
-    return (x = g[e]) == null ? void 0 : x.isLoading;
+  const n = N((x) => {
+    var f;
+    return (f = x[e]) == null ? void 0 : f.isDrawerOpen;
+  }), d = N((x) => {
+    var f;
+    return (f = x[e]) == null ? void 0 : f.isLoading;
   }), a = n && !d, _ = {
     ...c,
     isOpen: a,
     children: null
   }, u = L(() => {
     ve(e), J(e, !1);
-  }, [e]), h = Array.isArray(r) ? S(e, t, r) : r ? /* @__PURE__ */ o.jsx(Ze, { type: "h2", children: r }) : void 0, f = S(e, t, i), m = l ? S(e, t, l) : void 0;
+  }, [e]), h = Array.isArray(r) ? E(e, t, r) : r ? /* @__PURE__ */ o.jsx(Ze, { type: "h2", children: r }) : void 0, y = E(e, t, i), m = l ? E(e, t, l) : void 0;
   return /* @__PURE__ */ o.jsx(
-    Et,
+    kt,
     {
       ..._,
       className: je.drawer,
       isOpen: a,
       onClose: u,
-      heightGap: 0,
-      title: h ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(h) ? h.map((g, x) => /* @__PURE__ */ o.jsx(T, { children: g }, `drawer-header-${x}`)) : h }) : void 0,
-      children: /* @__PURE__ */ o.jsx("section", { className: je.drawerBody, children: f.map((g, x) => /* @__PURE__ */ o.jsx(T, { children: g }, `drawer-body-${x}`)) }),
-      footer: m ? /* @__PURE__ */ o.jsx("div", { className: je.drawerFooter, children: m.map((g, x) => /* @__PURE__ */ o.jsx(T, { children: g }, `drawer-footer-${x}`)) }) : void 0
+      heightGap: 50,
+      title: h ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(h) ? h.map((x, f) => /* @__PURE__ */ o.jsx(T, { children: x }, `drawer-header-${f}`)) : h }) : void 0,
+      children: /* @__PURE__ */ o.jsx("section", { className: je.drawerBody, children: y.map((x, f) => /* @__PURE__ */ o.jsx(T, { children: x }, `drawer-body-${f}`)) }),
+      footer: m ? /* @__PURE__ */ o.jsx("div", { className: je.drawerFooter, children: m.map((x, f) => /* @__PURE__ */ o.jsx(T, { children: x }, `drawer-footer-${f}`)) }) : void 0
     }
   );
 }, Ks = (e) => {
@@ -1896,7 +1896,7 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
     variant: a,
     leftIcon: _,
     rightIcon: u
-  } = e, h = ke(t, s), f = E(
+  } = e, h = Se(t, s), y = k(
     () => n.map((m) => ({
       label: m.content ?? m.label ?? "",
       onClick: () => {
@@ -1916,7 +1916,7 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
     {
       disabled: d,
       variant: a,
-      items: f,
+      items: y,
       children: /* @__PURE__ */ o.jsxs(T, { children: [
         _ ? /* @__PURE__ */ o.jsx(
           De,
@@ -1938,10 +1938,10 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
       ] })
     }
   );
-}, Ms = "_header_g1eri_1", Us = "_header_content_g1eri_5", Je = {
-  header: Ms,
-  header_content: Us
-}, Vs = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: P(Je.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Je.header_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(T, { children: t }, s)) }) }), Hs = (e) => {
+}, Hs = "_header_g1eri_1", Ms = "_header_content_g1eri_5", Je = {
+  header: Hs,
+  header_content: Ms
+}, Us = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: P(Je.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Je.header_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(T, { children: t }, s)) }) }), Vs = (e) => {
   const {
     userFlow: t,
     pageId: s,
@@ -1954,18 +1954,18 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
     component: a,
     hash: _,
     ...u
-  } = e, { getNextUI: h } = K(), { disabled: f } = I(
+  } = e, { getNextUI: h } = K(), { disabled: y } = I(
     t,
     d
   ), m = i && u ? (() => {
-    const { href: y, target: b, download: p, ...C } = u;
+    const { href: f, target: b, download: p, ...C } = u;
     return C;
   })() : u, g = L(async () => {
-    var y;
+    var f;
     if (i)
       try {
         const b = {
-          ...(y = N.getState()[t]) == null ? void 0 : y.entries,
+          ...(f = N.getState()[t]) == null ? void 0 : f.entries,
           [r]: { status: 200 }
         };
         switch ($(t, b), i) {
@@ -1993,7 +1993,7 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
       } catch (b) {
         alert(JSON.stringify(b));
       }
-  }, [i, h, s, c, r, n, t]), x = m.disabled ?? f;
+  }, [i, h, s, c, r, n, t]), x = m.disabled ?? y;
   return /* @__PURE__ */ o.jsx(
     Ot,
     {
@@ -2016,7 +2016,7 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
     listOrigin: a,
     size: _,
     variant: u
-  } = e, h = ke(t, s), f = E(
+  } = e, h = Se(t, s), y = k(
     () => c.map((m) => ({
       icon: m.leftIcon,
       label: m.content ?? m.label ?? "",
@@ -2036,7 +2036,7 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
   return /* @__PURE__ */ o.jsx(
     At,
     {
-      items: f,
+      items: y,
       closeOnClick: n,
       disabled: d,
       listOrigin: a,
@@ -2056,27 +2056,27 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
   headerStatusColor: c,
   ...n
 }) => {
-  const d = N((y) => {
+  const d = N((f) => {
     var b;
-    return (b = y[e]) == null ? void 0 : b.isModalOpen;
-  }), a = N((y) => {
+    return (b = f[e]) == null ? void 0 : b.isModalOpen;
+  }), a = N((f) => {
     var b;
-    return (b = y[e]) == null ? void 0 : b.isLoading;
+    return (b = f[e]) == null ? void 0 : b.isLoading;
   }), _ = d && !a, u = {
     ...n
-  }, h = (u == null ? void 0 : u.headerStatusColor) ?? c, f = L(() => {
+  }, h = (u == null ? void 0 : u.headerStatusColor) ?? c, y = L(() => {
     ve(e), ue(e, !1);
-  }, [e, s]), m = Array.isArray(r) ? S(e, t, r) : r, g = S(e, t, i), x = S(e, t, l);
+  }, [e, s]), m = Array.isArray(r) ? E(e, t, r) : r, g = E(e, t, i), x = E(e, t, l);
   return /* @__PURE__ */ o.jsx(
     $t,
     {
       ...u,
       headerStatusColor: h,
-      header: typeof m == "string" ? m : /* @__PURE__ */ o.jsx(o.Fragment, { children: m.map((y, b) => /* @__PURE__ */ o.jsx(T, { children: y }, `modal-header-${b}`)) }),
-      children: /* @__PURE__ */ o.jsx("section", { className: Js.modalContent, children: g.map((y, b) => /* @__PURE__ */ o.jsx(T, { children: y }, `modal-body-${b}`)) }),
-      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((y, b) => /* @__PURE__ */ o.jsx(T, { children: y }, `modal-footer-${b}`)) }),
+      header: typeof m == "string" ? m : /* @__PURE__ */ o.jsx(o.Fragment, { children: m.map((f, b) => /* @__PURE__ */ o.jsx(T, { children: f }, `modal-header-${b}`)) }),
+      children: /* @__PURE__ */ o.jsx("section", { className: Js.modalContent, children: g.map((f, b) => /* @__PURE__ */ o.jsx(T, { children: f }, `modal-body-${b}`)) }),
+      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((f, b) => /* @__PURE__ */ o.jsx(T, { children: f }, `modal-footer-${b}`)) }),
       open: _,
-      onClose: f
+      onClose: y
     }
   );
 }, Qs = ({ userFlow: e, pageId: t }) => {
@@ -2088,7 +2088,7 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
     ...(s == null ? void 0 : s.components) || [],
     ...((l = s == null ? void 0 : s.header) == null ? void 0 : l.components) || [],
     ...((c = s == null ? void 0 : s.body) == null ? void 0 : c.components) || []
-  ], i = S(
+  ], i = E(
     e,
     t,
     r
@@ -2150,7 +2150,7 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
     c
   ), h = {
     ...d
-  }, f = (h == null ? void 0 : h.disabled) ?? u, m = L(async () => {
+  }, y = (h == null ? void 0 : h.disabled) ?? u, m = L(async () => {
     var g;
     try {
       const x = {
@@ -2159,24 +2159,24 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
       };
       switch ($(t, x), i) {
         case "GO_TO_NEXT_UI": {
-          const y = await a(
+          const f = await a(
             t,
             s,
             x,
             r
           );
-          y != null && y.data && D(t, y == null ? void 0 : y.data);
+          f != null && f.data && D(t, f == null ? void 0 : f.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
-          const y = await _(
+          const f = await _(
             t,
             s,
             x,
             r,
             l
           );
-          y != null && y.data && D(t, y == null ? void 0 : y.data);
+          f != null && f.data && D(t, f == null ? void 0 : f.data);
           break;
         }
         case "CLOSE_MODAL":
@@ -2200,8 +2200,8 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
     qt,
     {
       ...h,
-      disabled: f,
-      onClick: () => !f && (n ?? m)()
+      disabled: y,
+      onClick: () => !y && (n ?? m)()
     }
   );
 }, ea = "_row_1bqj4_1", ta = "_row_column_1bqj4_65", z = {
@@ -2267,14 +2267,14 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
         hash: u,
         responseKey: h
       };
-    const f = a;
+    const y = a;
     return {
-      gap: (f == null ? void 0 : f.gap) ?? "md",
-      justifyContent: (f == null ? void 0 : f.justifyContent) ?? "start",
-      alignItems: (f == null ? void 0 : f.alignItems) ?? "start",
-      items: (f == null ? void 0 : f.items) ?? [],
-      hash: (f == null ? void 0 : f.hash) ?? u,
-      responseKey: (f == null ? void 0 : f.responseKey) ?? h
+      gap: (y == null ? void 0 : y.gap) ?? "md",
+      justifyContent: (y == null ? void 0 : y.justifyContent) ?? "start",
+      alignItems: (y == null ? void 0 : y.alignItems) ?? "start",
+      items: (y == null ? void 0 : y.items) ?? [],
+      hash: (y == null ? void 0 : y.hash) ?? u,
+      responseKey: (y == null ? void 0 : y.responseKey) ?? h
     };
   }) : [];
   return d.length === 0 ? null : /* @__PURE__ */ o.jsx(
@@ -2287,7 +2287,7 @@ const gs = "_chartScrollViewport_sm5hx_1", bs = "_chartScrollViewport_track_sm5h
         z[`row__align-${n}`]
       ),
       children: d == null ? void 0 : d.map((a, _) => {
-        const u = (r == null ? void 0 : r[_]) || `${100 / d.length}%`, h = S(t, s, a.items);
+        const u = (r == null ? void 0 : r[_]) || `${100 / d.length}%`, h = E(t, s, a.items);
         return !h || h.length === 0 ? null : /* @__PURE__ */ o.jsx(
           "div",
           {
@@ -2316,14 +2316,14 @@ function it({
   debounceMs: c
 }) {
   const n = _e(null);
-  U(() => () => {
+  M(() => () => {
     n.current !== null && (clearTimeout(n.current), n.current = null);
   }, []);
   const d = L(
     async (_) => {
-      var f;
+      var y;
       const u = {
-        ...(f = N.getState()[e]) == null ? void 0 : f.entries
+        ...(y = N.getState()[e]) == null ? void 0 : y.entries
       };
       if (_ ? (u[s] = _, $(e, u)) : (delete u[s], hn(e, s)), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
@@ -2403,10 +2403,10 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
 }) => {
   const a = {
     ...d
-  }, { getNextUI: _, fetchDataSource: u } = K(), [h, f] = R((a == null ? void 0 : a.value) ?? ""), { disabled: m } = I(
+  }, { getNextUI: _, fetchDataSource: u } = K(), [h, y] = R((a == null ? void 0 : a.value) ?? ""), { disabled: m } = I(
     e,
     c
-  ), g = (a == null ? void 0 : a.disabled) ?? m, x = E(() => r && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, r]), y = E(() => {
+  ), g = (a == null ? void 0 : a.disabled) ?? m, x = k(() => r && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, r]), f = k(() => {
     const j = a != null && a.isMulti ? h : [h], w = {};
     return Array.isArray(j) && j.forEach((v) => {
       if (!v) return;
@@ -2422,22 +2422,22 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
     isMulti: a == null ? void 0 : a.isMulti,
     debounceMs: n
   }), p = (j) => {
-    f(j), b(j);
+    y(j), b(j);
   }, C = async (j, w, { page: v }) => {
     const {
       jsonPathLabel: O,
       jsonPathOptions: A,
       jsonPathValue: q,
       jsonPathPagination: W
-    } = i, V = Se(
+    } = i, U = Ee(
       i,
       v,
       j
-    ), k = await u(
-      V,
+    ), S = await u(
+      U,
       e,
       !1
-    ), B = k == null ? void 0 : k.data, te = B ? ra(
+    ), B = S == null ? void 0 : S.data, te = B ? ra(
       B,
       A,
       O,
@@ -2469,7 +2469,7 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
       additional: { page: 1 },
       isOptionDisabled: (j) => {
         const w = JSON.stringify(j == null ? void 0 : j.value), v = JSON.stringify(j == null ? void 0 : j.label);
-        return !!(y != null && y[w]) || !!(y != null && y[v]);
+        return !!(f != null && f[w]) || !!(f != null && f[v]);
       },
       debounceTimeout: 350
     }
@@ -2487,10 +2487,10 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
 }) => {
   const a = {
     ...d
-  }, { getNextUI: _ } = K(), [u, h] = R(a.value || ""), { disabled: f } = I(
+  }, { getNextUI: _ } = K(), [u, h] = R(a.value || ""), { disabled: y } = I(
     e,
     c
-  ), m = (a == null ? void 0 : a.disabled) ?? f, g = E(() => i && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), x = it({
+  ), m = (a == null ? void 0 : a.disabled) ?? y, g = k(() => i && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), x = it({
     userFlow: e,
     pageId: t,
     responseKey: s,
@@ -2498,7 +2498,7 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
     getNextUI: _,
     isMulti: a == null ? void 0 : a.isMulti,
     debounceMs: n
-  }), y = (b) => {
+  }), f = (b) => {
     h(b), x(b);
   };
   return /* @__PURE__ */ o.jsx(
@@ -2509,7 +2509,7 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
       label: g,
       value: u,
       disabled: m,
-      onChange: (b) => !m && y(b)
+      onChange: (b) => !m && f(b)
     }
   );
 }, da = (e) => {
@@ -2541,14 +2541,14 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
     ...a
   } = e, _ = {
     ...a
-  }, { getNextUI: u } = K(), [h, f] = R(c || !1), { disabled: m } = I(
+  }, { getNextUI: u } = K(), [h, y] = R(c || !1), { disabled: m } = I(
     t,
     d
-  ), g = (_ == null ? void 0 : _.disabled) ?? m, x = E(() => n && l ? `${l} *` : l ?? "", [l, n]), y = L(async () => {
+  ), g = (_ == null ? void 0 : _.disabled) ?? m, x = k(() => n && l ? `${l} *` : l ?? "", [l, n]), f = L(async () => {
     var b;
     try {
       const p = !h;
-      f(p);
+      y(p);
       const C = {
         ...(b = N.getState()[t]) == null ? void 0 : b.entries,
         [r]: p
@@ -2580,7 +2580,7 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
       label: x,
       checked: h,
       disabled: g,
-      onChange: () => !g && y()
+      onChange: () => !g && f()
     }
   );
 }, Ca = "_tableSkeleton_3nr9n_1", wa = "_tableArrayPills_3nr9n_7", dt = {
@@ -2602,7 +2602,7 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
   component: r,
   rowData: i
 }) => {
-  const { getNextUI: l, fetchAndGetNextUI: c, fetchDataSource: n } = K(), d = S(e, t, [
+  const { getNextUI: l, fetchAndGetNextUI: c, fetchDataSource: n } = K(), d = E(e, t, [
     { ...r }
   ]), a = (d == null ? void 0 : d[0]) || null;
   if (!a) return null;
@@ -2610,20 +2610,20 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
     actionType: _,
     responseKey: u,
     dataSource: h
-  } = a.props, f = L(async () => {
+  } = a.props, y = L(async () => {
     var m, g, x;
     try {
-      const y = {
+      const f = {
         ...(m = N.getState()[e]) == null ? void 0 : m.entries,
         [u]: { status: 200 },
         [s]: [{ ...i }]
       };
-      switch ($(e, y), _) {
+      switch ($(e, f), _) {
         case "GO_TO_NEXT_UI": {
           const b = await l(
             e,
             t,
-            y,
+            f,
             u
           );
           b != null && b.data && D(e, b == null ? void 0 : b.data);
@@ -2633,7 +2633,7 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
           const b = await c(
             e,
             t,
-            y,
+            f,
             u,
             h
           );
@@ -2644,7 +2644,7 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
           const b = await l(
             e,
             t,
-            y,
+            f,
             u
           ), p = (g = b == null ? void 0 : b.data) == null ? void 0 : g.content;
           if ((p == null ? void 0 : p.type) !== "fetch") break;
@@ -2674,14 +2674,14 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
           console.warn(`Unhandled actionType: ${_}`);
           break;
       }
-    } catch (y) {
-      alert(JSON.stringify(y));
+    } catch (f) {
+      alert(JSON.stringify(f));
     }
   }, [_, h, t, u, e]);
   return ft(a, {
-    onClick: f
+    onClick: y
   });
-}, Sa = () => /* @__PURE__ */ o.jsx("div", { className: dt.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
+}, Ea = () => /* @__PURE__ */ o.jsx("div", { className: dt.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
   Fe,
   {
     maxWidth: "100%",
@@ -2689,7 +2689,7 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), ka = (e, t) => !(t != null && t.length) || !e ? e : e.map((s) => t.some(
+)) }), Sa = (e, t) => !(t != null && t.length) || !e ? e : e.map((s) => t.some(
   (i) => Array.isArray(s != null && s.accessor ? i[s == null ? void 0 : s.accessor] : void 0)
 ) ? {
   ...s,
@@ -2697,7 +2697,7 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
     const l = s.accessor ? i[s.accessor] : void 0;
     return Array.isArray(l) ? /* @__PURE__ */ o.jsx(Na, { values: l }) : l ?? "";
   }
-} : s), Ea = ({
+} : s), ka = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
@@ -2708,25 +2708,25 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
   pageSize: n,
   ...d
 }) => {
-  var q, W, V;
-  const { fetchDataSource: a } = K(), [_, u] = R(!1), [h, f] = R(1), [m, g] = R(null), x = !i && Array.isArray(c), y = _e(
+  var q, W, U;
+  const { fetchDataSource: a } = K(), [_, u] = R(!1), [h, y] = R(1), [m, g] = R(null), x = !i && Array.isArray(c), f = _e(
     /* @__PURE__ */ new Map([[1, null]])
-  ), b = E(() => {
+  ), b = k(() => {
     if (l != null && l.length)
-      return l.map((k, B) => ({
+      return l.map((S, B) => ({
         renderContent: (te) => /* @__PURE__ */ o.jsx(
           va,
           {
             userFlow: e,
             pageId: t,
             tableResponseKey: s,
-            component: k,
+            component: S,
             rowData: te
           },
           `tableRowAction${B}`
         )
       }));
-  }, [l, e, t, s]), p = async (k = 1) => {
+  }, [l, e, t, s]), p = async (S = 1) => {
     if (!i)
       return;
     const {
@@ -2735,16 +2735,16 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
       jsonPathPagination: ye,
       jsonPathCursorPagination: ne
     } = i;
-    if (ne && k !== 1 && !y.current.has(k)) {
-      f(1), p(1);
+    if (ne && S !== 1 && !f.current.has(S)) {
+      y(1), p(1);
       return;
     }
-    ne && k === 1 && (y.current = /* @__PURE__ */ new Map([[1, null]]));
+    ne && S === 1 && (f.current = /* @__PURE__ */ new Map([[1, null]]));
     try {
       u(!0);
-      const me = ne ? y.current.get(k) ?? null : null, _t = Se(
+      const me = ne ? f.current.get(S) ?? null : null, _t = Ee(
         i,
-        k,
+        S,
         void 0,
         me
       ), Q = await a(
@@ -2764,25 +2764,25 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
           Q == null ? void 0 : Q.data,
           ne
         );
-        Ae && y.current.set(k + 1, Ae);
+        Ae && f.current.set(S + 1, Ae);
       }
       u(!1);
     } catch (me) {
       console.error("[TableNotFront] fetchData:", me), u(!1);
     }
-  }, C = (k) => {
-    f(k), p(k);
+  }, C = (S) => {
+    y(S), p(S);
   };
-  U(() => {
+  M(() => {
     x || p();
   }, []);
-  const j = x ? c : m == null ? void 0 : m.items, w = x && !!n && ((c == null ? void 0 : c.length) ?? 0) > n, v = E(() => {
+  const j = x ? c : m == null ? void 0 : m.items, w = x && !!n && ((c == null ? void 0 : c.length) ?? 0) > n, v = k(() => {
     if (!w || !c || !n)
       return j ?? [];
-    const k = (h - 1) * n;
-    return c.slice(k, k + n);
-  }, [w, c, n, h, j]), O = E(
-    () => ka(
+    const S = (h - 1) * n;
+    return c.slice(S, S + n);
+  }, [w, c, n, h, j]), O = k(
+    () => Sa(
       d.columns,
       j
     ),
@@ -2802,10 +2802,10 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
         page: h,
         size: n,
         total: c.length,
-        onChange: f
+        onChange: y
       }
     )
-  ] }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: _ ? /* @__PURE__ */ o.jsx(Sa, {}) : m && ((q = m == null ? void 0 : m.items) == null ? void 0 : q.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+  ] }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: _ ? /* @__PURE__ */ o.jsx(Ea, {}) : m && ((q = m == null ? void 0 : m.items) == null ? void 0 : q.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsx($e, { ...A }),
     (m == null ? void 0 : m.pagination) && ((W = m == null ? void 0 : m.pagination) == null ? void 0 : W.totalPages) > 1 && /* @__PURE__ */ o.jsx(
       qe,
@@ -2813,7 +2813,7 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
         classname: { global: "row__end" },
         page: h,
         size: m == null ? void 0 : m.pagination.size,
-        total: (V = m == null ? void 0 : m.pagination) == null ? void 0 : V.total,
+        total: (U = m == null ? void 0 : m.pagination) == null ? void 0 : U.total,
         onChange: C
       }
     )
@@ -2821,7 +2821,7 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
 }, Ta = "_tabsPanel_kvslb_1", Oa = {
   tabsPanel: Ta
 }, Aa = ({ userFlow: e, pageId: t, components: s }) => {
-  const r = S(e, t, s);
+  const r = E(e, t, s);
   return r != null && r.length ? /* @__PURE__ */ o.jsx("section", { className: Oa.tabsPanel, children: r.map((i, l) => /* @__PURE__ */ o.jsx(T, { children: i }, `tabs-panel-${l}`)) }) : null;
 }, $a = ({
   userFlow: e,
@@ -2876,12 +2876,12 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
   }, [_, u] = R((a == null ? void 0 : a.value) ?? ""), { disabled: h } = I(
     t,
     n
-  ), f = (a == null ? void 0 : a.disabled) ?? h, m = E(() => c && (a != null && a.label) ? `${a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, c]), g = (x) => {
+  ), y = (a == null ? void 0 : a.disabled) ?? h, m = k(() => c && (a != null && a.label) ? `${a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, c]), g = (x) => {
     var b;
-    const y = (b = x == null ? void 0 : x.target) == null ? void 0 : b.value;
-    u(y), $(t, { [l]: y });
+    const f = (b = x == null ? void 0 : x.target) == null ? void 0 : b.value;
+    u(f), $(t, { [l]: f });
   };
-  return U(() => {
+  return M(() => {
     u((a == null ? void 0 : a.value) ?? "");
   }, [a == null ? void 0 : a.value]), /* @__PURE__ */ o.jsx(
     Bt,
@@ -2889,8 +2889,8 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
       ...a,
       label: m,
       value: _,
-      disabled: f,
-      onChange: (x) => !f && g(x)
+      disabled: y,
+      onChange: (x) => !y && g(x)
     }
   );
 }, Ra = "_textFieldNotFront_1n8fy_1", Da = {
@@ -2910,16 +2910,16 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
   }, [_, u] = R((a == null ? void 0 : a.value) ?? ""), { disabled: h } = I(
     t,
     n
-  ), f = (a == null ? void 0 : a.disabled) ?? h, m = E(() => c && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, c]), g = (x) => {
+  ), y = (a == null ? void 0 : a.disabled) ?? h, m = k(() => c && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, c]), g = (x) => {
     var p;
-    const y = (p = x == null ? void 0 : x.target) == null ? void 0 : p.value;
-    u(y);
+    const f = (p = x == null ? void 0 : x.target) == null ? void 0 : p.value;
+    u(f);
     const b = {
-      [l]: y
+      [l]: f
     };
     $(t, b);
   };
-  return U(() => {
+  return M(() => {
     u((a == null ? void 0 : a.value) ?? "");
   }, [a == null ? void 0 : a.value]), /* @__PURE__ */ o.jsx(
     Gt,
@@ -2929,8 +2929,8 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
       allowClear: !1,
       label: m,
       value: _,
-      disabled: f,
-      onChange: (x) => !f && g(x)
+      disabled: y,
+      onChange: (x) => !y && g(x)
     }
   );
 }, Ia = ({
@@ -2957,7 +2957,7 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
       console.error("Error in toast action:", d), alert(JSON.stringify(d));
     }
   }, [l, t, s, e, c]);
-  return U(() => {
+  return M(() => {
     ({
       info: se.info,
       error: se.error,
@@ -2984,11 +2984,11 @@ const sa = /\{([^}]+)\}/g, aa = (e, t) => {
     placement: d,
     notShowArrow: a,
     visible: _
-  } = e, u = S(
+  } = e, u = E(
     t,
     s,
     c != null && c.length ? c : null
-  ), h = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Qe.tooltipNotFront_content, children: u.map((f, m) => /* @__PURE__ */ o.jsx(T, { children: f }, `tooltip-${i}-${m}`)) }) : null;
+  ), h = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Qe.tooltipNotFront_content, children: u.map((y, m) => /* @__PURE__ */ o.jsx(T, { children: y }, `tooltip-${i}-${m}`)) }) : null;
   return /* @__PURE__ */ o.jsx(
     Kt,
     {
@@ -3018,7 +3018,7 @@ function rr({
     r
   ] });
 }
-const Ma = { api: "", headers: {} }, Ua = ({
+const Ha = { api: "", headers: {} }, Ma = ({
   userFlow: e,
   components: t,
   hash: s,
@@ -3027,31 +3027,31 @@ const Ma = { api: "", headers: {} }, Ua = ({
   const i = s ?? `${e}-page`;
   R(() => {
     var d, a;
-    return (a = (d = N.getState()[e]) == null ? void 0 : d.pages) != null && a[i] || ce(e, r ?? Ma, {
+    return (a = (d = N.getState()[e]) == null ? void 0 : d.pages) != null && a[i] || ce(e, r ?? Ha, {
       type: "page",
       hash: i,
       body: { components: t }
     }), null;
   });
-  const l = S(e, i, t);
+  const l = E(e, i, t);
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: l });
 };
-function Va(e) {
+function Ua(e) {
   if (e == null || typeof e != "object" || !("components" in e) || !Array.isArray(e.components))
     throw new Error(
       "[renderNotFront] payload.display must be an object with a `components` array"
     );
   return e.components;
 }
-const Ha = ({ payload: e, userFlow: t }) => {
-  const s = Va(e.display), r = Ua({
+const Va = ({ payload: e, userFlow: t }) => {
+  const s = Ua(e.display), r = Ma({
     userFlow: t,
     hash: e.id,
     components: s
   });
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: r });
-}, or = Ha, Ye = (e, t, s, r, i) => {
-  const l = S(
+}, or = Va, Ye = (e, t, s, r, i) => {
+  const l = E(
     e,
     t,
     (r == null ? void 0 : r.components) || null,
@@ -3069,7 +3069,7 @@ const Ha = ({ payload: e, userFlow: t }) => {
       );
     case "header":
       return /* @__PURE__ */ o.jsx(
-        Vs,
+        Us,
         {
           ...r,
           components: l || []
@@ -3080,9 +3080,9 @@ const Ha = ({ payload: e, userFlow: t }) => {
       return null;
   }
 }, za = (e, t, s, r) => {
-  var h, f, m;
+  var h, y, m;
   const [i, l] = R(!1), c = N((g) => g), n = (h = c[e]) == null ? void 0 : h.currentPageId;
-  U(() => {
+  M(() => {
     if (typeof window > "u") return;
     const g = new URL(window.location.href), x = g.searchParams.get("sessionId");
     x && (sessionStorage.setItem("sessionId", x), g.searchParams.delete("sessionId"), window.history.replaceState({}, "", g.toString()));
@@ -3091,7 +3091,7 @@ const Ha = ({ payload: e, userFlow: t }) => {
     e,
     n,
     "header",
-    ((f = c[e].pages[n].page) == null ? void 0 : f.header) || null,
+    ((y = c[e].pages[n].page) == null ? void 0 : y.header) || null,
     r
   ) : null, a = n ? Ye(
     e,
@@ -3099,34 +3099,34 @@ const Ha = ({ payload: e, userFlow: t }) => {
     "body",
     ((m = c[e].pages[n].page) == null ? void 0 : m.body) || null,
     r
-  ) : null, _ = E(() => {
+  ) : null, _ = k(() => {
     var g;
     return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      ((g = c[e]) == null ? void 0 : g.isLoading) && /* @__PURE__ */ o.jsx(Mt, {}),
+      ((g = c[e]) == null ? void 0 : g.isLoading) && /* @__PURE__ */ o.jsx(Ht, {}),
       d,
       a,
       n && /* @__PURE__ */ o.jsx(Qs, { userFlow: e, pageId: n }),
-      c[e] && /* @__PURE__ */ o.jsx(Ut, {})
+      c[e] && /* @__PURE__ */ o.jsx(Mt, {})
     ] });
   }, [d, a, n, e]), u = async () => {
     try {
       const g = await at(
         t,
         e
-      ), x = g == null ? void 0 : g.data, y = x == null ? void 0 : x.content;
-      (g == null ? void 0 : g.status) === 200 ? ce(e, t, y, x == null ? void 0 : x.sessionState) : l(!0);
+      ), x = g == null ? void 0 : g.data, f = x == null ? void 0 : x.content;
+      (g == null ? void 0 : g.status) === 200 ? ce(e, t, f, x == null ? void 0 : x.sessionState) : l(!0);
     } catch (g) {
       console.error("[not-page]: API call failed", g), l(!0);
     }
   };
-  return U(() => {
+  return M(() => {
     t != null && t.api && !s && e ? u() : !(t != null && t.api) && s && e || t != null && t.api && s && e ? ce(e, t, s) : (!(t != null && t.api) && !s || !e) && (l(!0), console.error(
       "[not-page]: API call failed",
       "not api config",
       "not userFlow"
     ));
-    const g = "avocado-theme-mode-changed", x = (y) => {
-      const b = y.detail;
+    const g = "avocado-theme-mode-changed", x = (f) => {
+      const b = f.detail;
       re.setThemeMode(b);
     };
     return window.addEventListener(g, x), () => {
@@ -3137,12 +3137,12 @@ const Ha = ({ payload: e, userFlow: t }) => {
 export {
   Cs as Chart,
   rr as NotFrontPage,
-  Ha as RenderNotFront,
+  Va as RenderNotFront,
   na as Row,
-  Va as extractNotFrontComponents,
+  Ua as extractNotFrontComponents,
   pn as heading,
   or as renderNotFront,
   jn as text,
-  Ua as useNotFrontFragment,
+  Ma as useNotFrontFragment,
   za as usePage
 };