@foris/avocado-not-front 8.7.3 → 8.8.0

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

@@ -1,7 +1,7 @@
 import P from "axios";
 import { create as an } from "zustand";
 import cn, { useMemo as T, useState as S, useCallback as k, Fragment as R, useEffect as X, useRef as ct, useLayoutEffect as ln, cloneElement as dn } from "react";
-import { Heading as De, Text as Ie, Accordion as un, ThemeStore as bt, Box as _n, RadioButton as hn, Stepper as fn, SegmentedProgress as mn, Breadcrumbs as gn, Button as yn, CardAccordion as xn, Card as pn, CardNotification as Nt, chartColors as B, BarChart as bn, Donut as jn, LineChart as Cn, SkeletonBase as $e, Checkbox as wn, PreviewerMarkdown as Le, DataCard as qe, Divider as Nn, Drawer as En, FileUpload as vn, DropdownButton as Tn, HeaderNavigation as Sn, Link as An, Menu as kn, Modal as On, Pill as Gt, RoundButton as Rn, SelectPagination as Dn, Select as In, Switch as $n, Pager as Lt, Table as Ln, Tabs as qn, Textarea as Bn, TextField as Hn, toast as ft, Tooltip as Un, ContextualNavigation as Mn, Loading as Gn, Toaster as Vn } from "@foris/avocado-suite";
+import { Heading as De, Text as Ie, Accordion as un, ThemeStore as bt, Box as _n, RadioButton as hn, Stepper as fn, SegmentedProgress as mn, Breadcrumbs as gn, Button as yn, CardAccordion as xn, Card as pn, CardNotification as wt, chartColors as B, BarChart as bn, Donut as jn, LineChart as Cn, SkeletonBase as $e, Checkbox as Nn, PreviewerMarkdown as Le, DataCard as qe, Divider as wn, Drawer as En, FileUpload as vn, DropdownButton as Tn, HeaderNavigation as Sn, Link as An, Menu as kn, Modal as On, Pill as Gt, RoundButton as Rn, SelectPagination as Dn, Select as In, Switch as $n, Pager as Lt, Table as Ln, Tabs as qn, Textarea as Bn, TextField as Hn, toast as ft, Tooltip as Un, ContextualNavigation as Mn, Loading as Gn, Toaster as Vn } from "@foris/avocado-suite";
 import { ChatPanel as Kn, PromptCodeEditor as zn, SummaryCard as Xn } from "@foris/ai-agent";
 import $ from "jsonpath";
 import { ResponsiveContainer as Be, Legend as Jn, Tooltip as Wn, XAxis as Yn, YAxis as Qn, AreaChart as Zn, CartesianGrid as At, Area as He, ComposedChart as Pn, Bar as Jt, Line as Fn, BarChart as Ue, PieChart as tr, Pie as er, Cell as nr } from "recharts";
@@ -58,7 +58,7 @@ const yt = /* @__PURE__ */ new Map(), Et = /* @__PURE__ */ new WeakMap(), Me = (
   t && sessionStorage.setItem(Yt, t);
 }, pc = () => {
   sessionStorage.removeItem(Yt);
-}, v = an(() => ({})), wt = (t, e, n, r, o) => Wt(t, n, () => {
+}, v = an(() => ({})), Nt = (t, e, n, r, o) => Wt(t, n, () => {
   Qt(o);
   const a = n == null ? void 0 : n.hash, c = r && Object.keys(r).length > 0 ? { ...r } : {};
   v.setState((s) => {
@@ -324,11 +324,11 @@ function Cr() {
   return mt.Fragment = n, mt.jsx = c, mt.jsxs = c, mt;
 }
 var je;
-function wr() {
+function Nr() {
   return je || (je = 1, Bt.exports = Cr()), Bt.exports;
 }
-var l = wr();
-const Nr = (t) => {
+var l = Nr();
+const wr = (t) => {
   if (!(t != null && t.content)) return null;
   const e = {
     ...t,
@@ -383,10 +383,10 @@ const Nr = (t) => {
     dataCard: (s) => /* @__PURE__ */ l.jsx(jo, { ...s, userFlow: t, pageId: e }),
     checkbox: (s) => /* @__PURE__ */ l.jsx(ao, { ...s, userFlow: t, pageId: e }),
     code: (s) => /* @__PURE__ */ l.jsx(fo, { ...s, userFlow: t, pageId: e }),
-    divider: (s) => /* @__PURE__ */ l.jsx(No, { ...s }),
+    divider: (s) => /* @__PURE__ */ l.jsx(wo, { ...s }),
     drawer: (s) => /* @__PURE__ */ l.jsx(Oo, { ...s, userFlow: t, pageId: e }),
     fileUpload: (s) => /* @__PURE__ */ l.jsx(Do, { ...s, userFlow: t, pageId: e }),
-    heading: (s) => Nr(s),
+    heading: (s) => wr(s),
     headerNavigation: (s) => /* @__PURE__ */ l.jsx(
       Qe,
       {
@@ -867,7 +867,7 @@ const H = () => {
       a
     )
   };
-}, Mr = "_accordion_1ri2t_1", Gr = "_accordionBody_1ri2t_8", we = {
+}, Mr = "_accordion_1ri2t_1", Gr = "_accordionBody_1ri2t_8", Ne = {
   accordion: Mr,
   accordionBody: Gr
 }, Vr = (t) => {
@@ -886,38 +886,38 @@ const H = () => {
     e,
     o
   ), f = A(e, n, s), m = c ? A(e, n, c) : void 0, y = a ? A(e, n, a) : void 0, g = k(
-    async (p) => {
-      var N;
+    async (b) => {
+      var w;
       try {
-        const b = p.target.checked;
-        _(b);
-        const w = {
-          ...(N = v.getState()[e]) == null ? void 0 : N.entries,
-          [r]: b
+        const p = b.target.checked;
+        _(p);
+        const N = {
+          ...(w = v.getState()[e]) == null ? void 0 : w.entries,
+          [r]: p
         };
-        if (L(e, w), d.actionType === "GO_TO_NEXT_UI") {
+        if (L(e, N), d.actionType === "GO_TO_NEXT_UI") {
           const C = await i(
             e,
             n,
-            w,
+            N,
             r
           );
           C != null && C.data && q(e, C == null ? void 0 : C.data);
         }
-      } catch (b) {
-        console.error("Error in accordion checkbox action:", b), alert(JSON.stringify(b));
+      } catch (p) {
+        console.error("Error in accordion checkbox action:", p), alert(JSON.stringify(p));
       }
     },
     [e, n, r, d.actionType, i]
   ), x = d.disabled || h, j = {
     ...d,
-    className: we.accordion,
+    className: Ne.accordion,
     disabled: x,
     checkboxChecked: u,
     onChanceCheckbox: d.hasCheckbox ? g : void 0,
-    actionContent: m ? /* @__PURE__ */ l.jsx(l.Fragment, { children: m.map((p, N) => /* @__PURE__ */ l.jsx(R, { children: p }, `accordion-action-${N}`)) }) : void 0,
-    customContent: y ? /* @__PURE__ */ l.jsx(l.Fragment, { children: y.map((p, N) => /* @__PURE__ */ l.jsx(R, { children: p }, `accordion-custom-${N}`)) }) : void 0,
-    children: f ? /* @__PURE__ */ l.jsx("section", { className: we.accordionBody, children: f.map((p, N) => /* @__PURE__ */ l.jsx(R, { children: p }, `accordion-child-${N}`)) }) : void 0
+    actionContent: m ? /* @__PURE__ */ l.jsx(l.Fragment, { children: m.map((b, w) => /* @__PURE__ */ l.jsx(R, { children: b }, `accordion-action-${w}`)) }) : void 0,
+    customContent: y ? /* @__PURE__ */ l.jsx(l.Fragment, { children: y.map((b, w) => /* @__PURE__ */ l.jsx(R, { children: b }, `accordion-custom-${w}`)) }) : void 0,
+    children: f ? /* @__PURE__ */ l.jsx("section", { className: Ne.accordionBody, children: f.map((b, w) => /* @__PURE__ */ l.jsx(R, { children: b }, `accordion-child-${w}`)) }) : void 0
   };
   return /* @__PURE__ */ l.jsx(un, { ...j });
 }, Kr = (t) => {
@@ -976,7 +976,7 @@ const H = () => {
     inputLabel: d,
     inputPlaceholder: i,
     codeBlockLabel: u
-  } = t, _ = bt.useThemeStore((p) => p.theme.mode), [h, f] = S(
+  } = t, _ = bt.useThemeStore((b) => b.theme.mode), [h, f] = S(
     r || ""
   ), { disabled: m } = D(
     e,
@@ -986,12 +986,12 @@ const H = () => {
     method: (s == null ? void 0 : s.method) || "post",
     headers: s == null ? void 0 : s.headers,
     body: s == null ? void 0 : s.data
-  }, j = (p) => {
-    f(p);
-    const N = {
-      [n]: p
+  }, j = (b) => {
+    f(b);
+    const w = {
+      [n]: b
     };
-    L(e, N);
+    L(e, w);
   };
   return X(() => {
     r !== void 0 && r !== h && f(r);
@@ -1049,9 +1049,9 @@ var Ht = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ne;
+var we;
 function Zr() {
-  return Ne || (Ne = 1, (function(t) {
+  return we || (we = 1, (function(t) {
     (function() {
       var e = {}.hasOwnProperty;
       function n() {
@@ -1127,31 +1127,31 @@ const Y = /* @__PURE__ */ jr(Pr), Fr = "_body_6n5z9_1", ts = "_body__embedded_6n
     e,
     d
   ), m = v(
-    (p) => {
-      var N, b;
-      return (b = (N = p[e]) == null ? void 0 : N.entries) == null ? void 0 : b[r];
+    (b) => {
+      var w, p;
+      return (p = (w = b[e]) == null ? void 0 : w.entries) == null ? void 0 : p[r];
     }
   ), y = m != null ? String(m) : a ?? "", g = f, x = T(() => o ? c ? `${o} *` : o : null, [o, c]), j = k(
-    async (p) => {
-      var N;
+    async (b) => {
+      var w;
       if (!g)
         try {
-          const b = {
-            ...(N = v.getState()[e]) == null ? void 0 : N.entries,
-            [r]: p
+          const p = {
+            ...(w = v.getState()[e]) == null ? void 0 : w.entries,
+            [r]: b
           };
-          if (L(e, b), s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
+          if (L(e, p), s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
             const E = await h(
               e,
               n,
-              b,
+              p,
               r,
               s === "GO_TO_NEXT_UI"
             );
             E != null && E.data && q(e, E == null ? void 0 : E.data);
           }
-        } catch (b) {
-          alert(JSON.stringify(b));
+        } catch (p) {
+          alert(JSON.stringify(p));
         }
     },
     [
@@ -1179,19 +1179,19 @@ const Y = /* @__PURE__ */ jr(Pr), Fr = "_body_6n5z9_1", ts = "_body__embedded_6n
               ot.options,
               _ === "column" ? ot.optionsColumn : ot.optionsRow
             ),
-            children: u.map((p) => /* @__PURE__ */ l.jsx(
+            children: u.map((b) => /* @__PURE__ */ l.jsx(
               hn,
               {
                 name: r,
-                value: p.value,
-                checked: y === p.value,
-                disabled: g || p.disabled,
-                labelRight: p.label,
+                value: b.value,
+                checked: y === b.value,
+                disabled: g || b.disabled,
+                labelRight: b.label,
                 onChange: () => {
-                  j(p.value);
+                  j(b.value);
                 }
               },
-              p.value
+              b.value
             ))
           }
         )
@@ -1365,11 +1365,11 @@ const gs = (t) => {
   ), m = {
     ..._,
     children: c ?? a
-  }, y = (m == null ? void 0 : m.disabled) ?? f, [g, x] = S(!1), j = ct(!1), p = k(async () => {
+  }, y = (m == null ? void 0 : m.disabled) ?? f, [g, x] = S(!1), j = ct(!1), b = k(async () => {
     if (j.current)
       return;
-    const N = o === "FETCH_DATA_SOURCE";
-    N && (j.current = !0, x(!0));
+    const w = o === "FETCH_DATA_SOURCE";
+    w && (j.current = !0, x(!0));
     try {
       await h({
         responseKey: r,
@@ -1378,10 +1378,10 @@ const gs = (t) => {
         redirectUrl: d,
         dependencies: i
       });
-    } catch (b) {
-      console.error("[ButtonNotFront] Action failed:", b);
+    } catch (p) {
+      console.error("[ButtonNotFront] Action failed:", p);
     } finally {
-      N && (j.current = !1, x(!1));
+      w && (j.current = !1, x(!1));
     }
   }, [
     o,
@@ -1397,7 +1397,7 @@ const gs = (t) => {
       ...m,
       loading: m.loading || g,
       disabled: y,
-      onClick: () => !y && !g && (u ?? p)()
+      onClick: () => !y && !g && (u ?? b)()
     }
   );
 }, ys = "_slotStack_12u4t_5", zt = {
@@ -1454,16 +1454,16 @@ const gs = (t) => {
   } = t, { getNextUI: f, fetchDataSource: m, fetchAndGetNextUI: y, runGetDataSource: g } = H(), { disabled: x } = D(
     e,
     h
-  ), j = d ?? x, p = A(
+  ), j = d ?? x, b = A(
     e,
     n,
     c && c.length > 0 ? c : null
-  ), N = p && p.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: ve.slotStack, children: p.map((w, C) => /* @__PURE__ */ l.jsx(R, { children: w }, `card-body-${o}-${C}`)) }) : null, b = k(async () => {
-    var w;
+  ), w = b && b.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: ve.slotStack, children: b.map((N, C) => /* @__PURE__ */ l.jsx(R, { children: N }, `card-body-${o}-${C}`)) }) : null, p = k(async () => {
+    var N;
     if (!(!i || j))
       try {
         const C = {
-          ...(w = v.getState()[e]) == null ? void 0 : w.entries,
+          ...(N = v.getState()[e]) == null ? void 0 : N.entries,
           [a]: { status: 200 }
         };
         switch (L(e, C), i) {
@@ -1536,8 +1536,8 @@ const gs = (t) => {
       className: ve.cardNotFront,
       colorId: s,
       disabled: j,
-      onClick: i && !j ? () => void b() : void 0,
-      children: N
+      onClick: i && !j ? () => void p() : void 0,
+      children: w
     }
   );
 }, Cs = (t) => {
@@ -1559,8 +1559,8 @@ const gs = (t) => {
   return u && u.length > 0 ? _ = /* @__PURE__ */ l.jsxs("div", { className: zt.slotStack, children: [
     s ? /* @__PURE__ */ l.jsx(Ie, { type: "sm", children: s }) : null,
     u.map((h, f) => /* @__PURE__ */ l.jsx(R, { children: h }, `card-notification-body-${o}-${f}`))
-  ] }) : _ = (typeof c == "string" ? c : void 0) ?? s, /* @__PURE__ */ l.jsx(Nt, { ...d, children: _ });
-}, Mt = (t) => Array.isArray(t) ? t : typeof t == "object" ? JSON.stringify(t) : t, ws = (t, e) => {
+  ] }) : _ = (typeof c == "string" ? c : void 0) ?? s, /* @__PURE__ */ l.jsx(wt, { ...d, children: _ });
+}, Mt = (t) => Array.isArray(t) ? t : typeof t == "object" ? JSON.stringify(t) : t, Ns = (t, e) => {
   if (!e || t == null)
     return null;
   const { extractionJsonPath: n, injectionJsonPath: r } = e, o = $.value(t, n);
@@ -1627,7 +1627,7 @@ const gs = (t) => {
       }
     }
   );
-}, Ns = ({
+}, ws = ({
   active: t,
   payload: e,
   label: n,
@@ -1666,7 +1666,7 @@ const gs = (t) => {
   {
     defaultIndex: n,
     content: (r) => /* @__PURE__ */ l.jsx(
-      Ns,
+      ws,
       {
         ...r,
         tooltipKey: t,
@@ -2066,7 +2066,7 @@ const zs = (t) => {
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, eo = "_chartScrollViewport_9i342_1", no = "_chartScrollViewport_track_9i342_30", Te = {
+}, eo = "_chartScrollViewport_1m1xh_1", no = "_chartScrollViewport_track_1m1xh_30", Te = {
   chartScrollViewport: eo,
   chartScrollViewport_track: no
 }, ro = "Scrollable chart area", so = ({
@@ -2137,15 +2137,15 @@ const zs = (t) => {
     var g, x;
     try {
       u(!0);
-      const { jsonPathData: j, mapperData: p } = a, N = te(
+      const { jsonPathData: j, mapperData: b } = a, w = te(
         a,
         1
-      ), b = await d(
-        N,
+      ), p = await d(
+        w,
         n,
         !1
-      ), w = j ? (g = Je(b == null ? void 0 : b.data, j, p)) == null ? void 0 : g.items : (x = b == null ? void 0 : b.data) == null ? void 0 : x.data;
-      h(w), u(!1);
+      ), N = j ? (g = Je(p == null ? void 0 : p.data, j, b)) == null ? void 0 : g.items : (x = p == null ? void 0 : p.data) == null ? void 0 : x.data;
+      h(N), u(!1);
     } catch (j) {
       alert(JSON.stringify(j)), u(!1);
     }
@@ -2158,7 +2158,7 @@ const zs = (t) => {
     ...c,
     data: _
   };
-  return i ? /* @__PURE__ */ l.jsx($e, { height: 400 }) : _.length === 0 ? /* @__PURE__ */ l.jsx(Nt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Fs.has(c.type) ? /* @__PURE__ */ l.jsx(
+  return i ? /* @__PURE__ */ l.jsx($e, { height: 400 }) : _.length === 0 ? /* @__PURE__ */ l.jsx(wt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Fs.has(c.type) ? /* @__PURE__ */ l.jsx(
     so,
     {
       dataLength: _.length,
@@ -2185,34 +2185,34 @@ const zs = (t) => {
   ), y = T(() => s && a ? `${a} *` : a ?? "", [a, s]), g = k(async () => {
     var j;
     try {
-      const p = !h;
-      f(p);
-      const N = {
+      const b = !h;
+      f(b);
+      const w = {
         ...(j = v.getState()[e]) == null ? void 0 : j.entries,
-        [r]: p
+        [r]: b
       };
-      switch (L(e, N), o) {
+      switch (L(e, w), o) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-          const w = await _(
+          const N = await _(
             e,
             n,
-            N,
+            w,
             r,
             o === "GO_TO_NEXT_UI"
           );
-          w != null && w.data && q(e, w == null ? void 0 : w.data);
+          N != null && N.data && q(e, N == null ? void 0 : N.data);
           break;
         }
         default:
           break;
       }
-    } catch (p) {
-      console.error("Error in checkbox action:", p), alert(JSON.stringify(p));
+    } catch (b) {
+      console.error("Error in checkbox action:", b), alert(JSON.stringify(b));
     }
   }, [e, n, r, o, h]), x = (u == null ? void 0 : u.disabled) ?? m;
   return /* @__PURE__ */ l.jsx(
-    wn,
+    Nn,
     {
       ...u,
       labelRight: y,
@@ -2243,7 +2243,7 @@ const zs = (t) => {
     disabled: i,
     showPreview: u,
     height: _ = "400px"
-  } = t, [h, f] = S(c ?? ""), m = bt.useThemeStore((N) => N.theme.mode), { disabled: y } = D(
+  } = t, [h, f] = S(c ?? ""), m = bt.useThemeStore((w) => w.theme.mode), { disabled: y } = D(
     e,
     d
   ), g = i ?? y, x = {
@@ -2251,12 +2251,12 @@ const zs = (t) => {
     markdown: or(),
     sql: ar(),
     yaml: cr()
-  }, j = T(() => s && r ? `${r} *` : r ?? "", [r, s]), p = (N) => {
-    f(N);
-    const b = {
-      [n]: N
+  }, j = T(() => s && r ? `${r} *` : r ?? "", [r, s]), b = (w) => {
+    f(w);
+    const p = {
+      [n]: w
     };
-    L(e, b);
+    L(e, p);
   };
   return /* @__PURE__ */ l.jsxs("div", { className: at.codeEditor, children: [
     j && j !== "" && /* @__PURE__ */ l.jsx("label", { className: at.codeEditor_label, children: j }),
@@ -2269,7 +2269,7 @@ const zs = (t) => {
           height: _,
           placeholder: a,
           extensions: [x[o] ?? ge()],
-          onChange: (N) => p(N),
+          onChange: (w) => b(w),
           theme: m,
           editable: !g
         }
@@ -2355,22 +2355,22 @@ const xo = /* @__PURE__ */ new Set([
   borderColor: g,
   title: x,
   descriptionTop: j,
-  pillLabel: p
+  pillLabel: b
 }) => {
-  const N = A(
+  const w = A(
     t,
     e,
     s != null && s.length ? s : null
-  ), b = tt(t, e), { disabled: w } = D(
+  ), p = tt(t, e), { disabled: N } = D(
     t,
     c
-  ), C = r ? () => void b({
+  ), C = r ? () => void p({
     responseKey: n,
     actionType: r,
     dataSource: o,
     redirectUrl: a,
     dependencies: c
-  }) : void 0, E = h ?? w;
+  }) : void 0, E = h ?? N;
   C && (s != null && s.some((V) => xo.has(V.component))) && yo.NODE_ENV;
   const O = C ? { onClick: C, disabled: E } : {};
   return /* @__PURE__ */ l.jsx(
@@ -2385,15 +2385,15 @@ const xo = /* @__PURE__ */ new Set([
       ariaLabel: i,
       descriptionTop: j,
       descriptionBottom: _ ?? u,
-      pillLabel: p,
+      pillLabel: b,
       icon: d,
       ...O,
-      children: Xt(N, s)
+      children: Xt(w, s)
     }
   );
-}, jo = (t) => t.version === "v2" ? /* @__PURE__ */ l.jsx(bo, { ...t }) : /* @__PURE__ */ l.jsx(po, { ...t }), Co = "_dividerNotFront_tze3j_1", wo = {
+}, jo = (t) => t.version === "v2" ? /* @__PURE__ */ l.jsx(bo, { ...t }) : /* @__PURE__ */ l.jsx(po, { ...t }), Co = "_dividerNotFront_tze3j_1", No = {
   dividerNotFront: Co
-}, No = (t) => /* @__PURE__ */ l.jsx(Nn, { ...t, className: wo.dividerNotFront });
+}, wo = (t) => /* @__PURE__ */ l.jsx(wn, { ...t, className: No.dividerNotFront });
 function K(t, e, n) {
   const r = A(
     t,
@@ -2406,7 +2406,7 @@ function K(t, e, n) {
   );
   return o != null && o.length ? o : void 0;
 }
-const Eo = "_drawer_9wwj4_1", vo = "_drawerIconControl_9wwj4_1", To = "_drawerBody_9wwj4_14", So = "_drawerFooter_9wwj4_20", Ao = "_drawerToolbar_9wwj4_25", gt = {
+const Eo = "_drawer_19r0s_1", vo = "_drawerIconControl_19r0s_1", To = "_drawerBody_19r0s_14", So = "_drawerFooter_19r0s_20", Ao = "_drawerToolbar_19r0s_25", gt = {
   drawer: Eo,
   drawerIconControl: vo,
   drawerBody: To,
@@ -2465,32 +2465,32 @@ const Oo = ({
   expansion: g,
   accessibleLabel: x,
   className: j,
-  heightGap: p = 50
+  heightGap: b = 50
 }) => {
-  const N = v((W) => {
+  const w = v((W) => {
     var M;
     return (M = W[t]) == null ? void 0 : M.isDrawerOpen;
-  }), b = v((W) => {
+  }), p = v((W) => {
     var M;
     return (M = W[t]) == null ? void 0 : M.isLoading;
-  }), w = !!g, C = (typeof g == "object" ? g.defaultExpanded : void 0) ?? y ?? !1, [E, O] = S({
+  }), N = !!g, C = (typeof g == "object" ? g.defaultExpanded : void 0) ?? y ?? !1, [E, O] = S({
     hash: n,
     userFlow: t,
     pageId: e,
-    hasExpansion: w,
+    hasExpansion: N,
     defaultExpanded: C,
     value: C
   });
   let V = E;
-  (E.hash !== n || E.userFlow !== t || E.pageId !== e || E.hasExpansion !== w || E.defaultExpanded !== C) && (V = {
+  (E.hash !== n || E.userFlow !== t || E.pageId !== e || E.hasExpansion !== N || E.defaultExpanded !== C) && (V = {
     hash: n,
     userFlow: t,
     pageId: e,
-    hasExpansion: w,
+    hasExpansion: N,
     defaultExpanded: C,
     value: C
   }, O(V));
-  const et = w ? V.value : y, Q = k(() => {
+  const et = N ? V.value : y, Q = k(() => {
     O((W) => ({ ...W, value: C })), Zt(t), xt(t, !1);
   }, [t, C]), z = ko(t, e, a), U = K(
     t,
@@ -2509,7 +2509,7 @@ const Oo = ({
     {
       className: Y(gt.drawer, j),
       contentClassName: f,
-      isOpen: !!N && !b,
+      isOpen: !!w && !p,
       onClose: Q,
       closeOnOverlayClick: i,
       bodyPadding: u,
@@ -2518,9 +2518,9 @@ const Oo = ({
       origin: m,
       isExpanded: et,
       expansion: g,
-      onExpandedChange: w ? (W) => O((M) => ({ ...M, value: W })) : void 0,
+      onExpandedChange: N ? (W) => O((M) => ({ ...M, value: W })) : void 0,
       accessibleLabel: x,
-      heightGap: p,
+      heightGap: b,
       headerConfig: Rt,
       title: typeof U == "string" ? /* @__PURE__ */ l.jsx(De, { type: "h2", children: U }) : U,
       headerExtra: nt,
@@ -2562,12 +2562,12 @@ const Oo = ({
     d
   ), x = f.disabled ?? g, j = k(() => {
     c && (s === "_blank" ? window.open(c, "_blank", "noopener,noreferrer") : window.location.assign(c));
-  }, [c, s]), p = k(
-    (b) => {
-      y(b);
+  }, [c, s]), b = k(
+    (p) => {
+      y(p);
     },
     [y]
-  ), N = k(() => {
+  ), w = k(() => {
     y(null);
   }, [y]);
   return /* @__PURE__ */ l.jsx(
@@ -2579,8 +2579,8 @@ const Oo = ({
       uploadStatus: i,
       disabled: x,
       notificationVisible: u,
-      onFileChange: p,
-      onRemove: N,
+      onFileChange: b,
+      onRemove: w,
       onTemplateLinkClick: c ? j : void 0
     }
   );
@@ -2715,8 +2715,8 @@ const Oo = ({
     e,
     d
   ), m = o && _ ? (() => {
-    const { href: x, target: j, download: p, ...N } = _;
-    return N;
+    const { href: x, target: j, download: b, ...w } = _;
+    return w;
   })() : _, y = k(async () => {
     var x;
     if (o)
@@ -2727,13 +2727,13 @@ const Oo = ({
         };
         switch (L(e, j), o) {
           case "GO_TO_NEXT_UI": {
-            const p = await h(
+            const b = await h(
               e,
               n,
               j,
               r
             );
-            p != null && p.data && q(e, p == null ? void 0 : p.data);
+            b != null && b.data && q(e, b == null ? void 0 : b.data);
             break;
           }
           case "REDIRECT":
@@ -3179,12 +3179,12 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
     t,
     c
   ), y = (i == null ? void 0 : i.disabled) ?? m, g = T(() => r && (i != null && i.label) ? `${i == null ? void 0 : i.label} *` : (i == null ? void 0 : i.label) ?? "", [i == null ? void 0 : i.label, r]), x = T(() => {
-    const b = i != null && i.isMulti ? h : [h], w = {};
-    return Array.isArray(b) && b.forEach((C) => {
+    const p = i != null && i.isMulti ? h : [h], N = {};
+    return Array.isArray(p) && p.forEach((C) => {
       if (!C) return;
       const E = JSON.stringify(C.value), O = JSON.stringify(C.label);
-      w[E] = C, O in w || (w[O] = C);
-    }), w;
+      N[E] = C, O in N || (N[O] = C);
+    }), N;
   }, [h]), j = Ze({
     userFlow: t,
     pageId: e,
@@ -3193,9 +3193,9 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
     getNextUI: u,
     isMulti: i == null ? void 0 : i.isMulti,
     debounceMs: s
-  }), p = (b) => {
-    f(b), j(b);
-  }, N = async (b, w, { page: C }) => {
+  }), b = (p) => {
+    f(p), j(p);
+  }, w = async (p, N, { page: C }) => {
     const {
       jsonPathLabel: E,
       jsonPathOptions: O,
@@ -3204,7 +3204,7 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
     } = o, Q = te(
       o,
       C,
-      b
+      p
     ), z = await _(
       Q,
       t,
@@ -3236,12 +3236,12 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
       value: h,
       disabled: y,
       noOptionsMessage: () => /* @__PURE__ */ l.jsx(l.Fragment, { children: "Sin opciones" }),
-      onChange: (b) => !y && p(b),
-      loadOptions: N,
+      onChange: (p) => !y && b(p),
+      loadOptions: w,
       additional: { page: 1 },
-      isOptionDisabled: (b) => {
-        const w = JSON.stringify(b == null ? void 0 : b.value), C = JSON.stringify(b == null ? void 0 : b.label);
-        return !!(x != null && x[w]) || !!(x != null && x[C]);
+      isOptionDisabled: (p) => {
+        const N = JSON.stringify(p == null ? void 0 : p.value), C = JSON.stringify(p == null ? void 0 : p.label);
+        return !!(x != null && x[N]) || !!(x != null && x[C]);
       },
       debounceTimeout: 350
     }
@@ -3304,38 +3304,40 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
   const {
     userFlow: e,
     pageId: n,
-    responseKey: r,
-    actionType: o,
-    label: a,
-    value: c,
-    required: s,
-    dependencies: d,
-    ...i
-  } = t, u = {
-    ...i
-  }, { getNextUI: _ } = H(), [h, f] = S(c || !1), { disabled: m } = D(
+    component: r,
+    hash: o,
+    responseKey: a,
+    actionType: c,
+    label: s,
+    value: d,
+    required: i,
+    dependencies: u,
+    ..._
+  } = t, h = {
+    ..._
+  }, { getNextUI: f } = H(), [m, y] = S(d || !1), { disabled: g } = D(
     e,
-    d
-  ), y = (u == null ? void 0 : u.disabled) ?? m, g = T(() => s && a ? `${a} *` : a ?? "", [a, s]), x = k(async () => {
-    var j;
+    u
+  ), x = (h == null ? void 0 : h.disabled) ?? g, j = T(() => i && s ? `${s} *` : s ?? "", [s, i]), b = k(async () => {
+    var w;
     try {
-      const p = !h;
-      f(p);
+      const p = !m;
+      y(p);
       const N = {
-        ...(j = v.getState()[e]) == null ? void 0 : j.entries,
-        [r]: p
+        ...(w = v.getState()[e]) == null ? void 0 : w.entries,
+        [a]: p
       };
-      switch (L(e, N), o) {
+      switch (L(e, N), c) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-          const w = await _(
+          const E = await f(
             e,
             n,
             N,
-            r,
-            o === "GO_TO_NEXT_UI"
+            a,
+            c === "GO_TO_NEXT_UI"
           );
-          w != null && w.data && q(e, w == null ? void 0 : w.data);
+          E != null && E.data && q(e, E == null ? void 0 : E.data);
           break;
         }
         default:
@@ -3344,18 +3346,18 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
     } catch (p) {
       console.error("Error in switch action:", p), alert(JSON.stringify(p));
     }
-  }, [e, n, r, o, h]);
+  }, [e, n, a, c, m]);
   return /* @__PURE__ */ l.jsx(
     $n,
     {
-      ...u,
-      label: g,
-      checked: h,
-      disabled: y,
-      onChange: () => !y && x()
+      ...h,
+      label: j,
+      checked: m,
+      disabled: x,
+      onChange: () => !x && b()
     }
   );
-}, ja = 10, Ca = [10, 20, 50, 100], wa = 72, Na = 120, Ea = (t, e) => t != null && e.includes(t) ? t : e[0] ?? ja, va = ({
+}, ja = 10, Ca = [10, 20, 50, 100], Na = 72, wa = 120, Ea = (t, e) => t != null && e.includes(t) ? t : e[0] ?? ja, va = ({
   maxHeight: t,
   stickyHeader: e,
   shouldFitToViewport: n,
@@ -3369,8 +3371,8 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
 }, Ta = ({
   viewportHeight: t,
   elementTop: e,
-  pagerReservedHeight: n = wa,
-  minTableHeight: r = Na
+  pagerReservedHeight: n = Na,
+  minTableHeight: r = wa
 }) => {
   const o = t - Math.max(e, 0) - n;
   return Math.max(o, r);
@@ -3564,9 +3566,9 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
   ...h
 }) => {
   var le, de;
-  const { fetchDataSource: f } = H(), [m, y] = S(!1), [g, x] = S(1), j = i ?? Ca, [p, N] = S(
+  const { fetchDataSource: f } = H(), [m, y] = S(!1), [g, x] = S(1), j = i ?? Ca, [b, w] = S(
     () => Ea(s, j)
-  ), [b, w] = S(null), C = !o && Array.isArray(c), E = !!(o != null && o.jsonPathCursorPagination) && !!((le = o == null ? void 0 : o.jsonPathPagination) != null && le.hasMore), O = d && !E, V = d || s != null, et = V ? p : void 0, Q = ct(
+  ), [p, N] = S(null), C = !o && Array.isArray(c), E = !!(o != null && o.jsonPathCursorPagination) && !!((le = o == null ? void 0 : o.jsonPathPagination) != null && le.hasMore), O = d && !E, V = d || s != null, et = V ? b : void 0, Q = ct(
     /* @__PURE__ */ new Map([[1, null]])
   ), z = T(() => {
     if (a != null && a.length)
@@ -3616,10 +3618,10 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
         Dt,
         rn
       );
-      w(he);
+      N(he);
       const on = !!((ue = o == null ? void 0 : o.jsonPathPagination) != null && ue.size), $t = (_e = he.pagination) == null ? void 0 : _e.size;
-      if (V && on && $t != null && j.includes($t) && N($t), ht) {
-        const fe = ws(
+      if (V && on && $t != null && j.includes($t) && w($t), ht) {
+        const fe = Ns(
           rt == null ? void 0 : rt.data,
           ht
         );
@@ -3632,20 +3634,20 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
   }, nt = (I) => {
     x(I), U(I, et);
   }, ut = (I) => {
-    N(I.value), x(1), U(1, I.value);
+    w(I.value), x(1), U(1, I.value);
   };
   X(() => {
     C || U(1, et);
   }, []);
-  const J = C ? c : b == null ? void 0 : b.items, _t = C && V && ((c == null ? void 0 : c.length) ?? 0) > p, Rt = T(() => {
+  const J = C ? c : p == null ? void 0 : p.items, _t = C && V && ((c == null ? void 0 : c.length) ?? 0) > b, Rt = T(() => {
     if (!_t || !c)
       return J ?? [];
-    const I = (g - 1) * p;
-    return c.slice(I, I + p);
+    const I = (g - 1) * b;
+    return c.slice(I, I + b);
   }, [
     _t,
     c,
-    p,
+    b,
     g,
     J
   ]), W = T(
@@ -3680,7 +3682,7 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
     onRowsPerPageChange: ut
   };
   if (C)
-    return !J || J.length === 0 ? /* @__PURE__ */ l.jsx(Nt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    return !J || J.length === 0 ? /* @__PURE__ */ l.jsx(wt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       ce,
       (_t || d) && c && /* @__PURE__ */ l.jsx(
         Lt,
@@ -3688,14 +3690,14 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
           ...ie,
           classname: { global: "row__end" },
           page: g,
-          size: p,
+          size: b,
           total: c.length,
           onChange: x
         }
       )
     ] });
-  const en = !E && (b == null ? void 0 : b.pagination) && (b.pagination.totalPages > 1 || d);
-  return /* @__PURE__ */ l.jsx(l.Fragment, { children: m ? /* @__PURE__ */ l.jsx($a, {}) : b && ((de = b == null ? void 0 : b.items) == null ? void 0 : de.length) > 0 ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  const en = !E && (p == null ? void 0 : p.pagination) && (p.pagination.totalPages > 1 || d);
+  return /* @__PURE__ */ l.jsx(l.Fragment, { children: m ? /* @__PURE__ */ l.jsx($a, {}) : p && ((de = p == null ? void 0 : p.items) == null ? void 0 : de.length) > 0 ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     ce,
     en && /* @__PURE__ */ l.jsx(
       Lt,
@@ -3703,22 +3705,22 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
         ...ie,
         classname: { global: "row__end" },
         page: g,
-        size: p,
-        totalPages: b.pagination.totalPages,
+        size: b,
+        totalPages: p.pagination.totalPages,
         onChange: nt
       }
     ),
-    E && (b == null ? void 0 : b.pagination) && /* @__PURE__ */ l.jsx(
+    E && (p == null ? void 0 : p.pagination) && /* @__PURE__ */ l.jsx(
       Lt,
       {
         variant: "cursor",
         classname: { global: "row__end" },
         page: g,
-        hasNextPage: !!b.pagination.hasMore,
+        hasNextPage: !!p.pagination.hasMore,
         onChange: nt
       }
     )
-  ] }) : /* @__PURE__ */ l.jsx(Nt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
+  ] }) : /* @__PURE__ */ l.jsx(wt, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
 }, Ba = "_tabsPanel_kvslb_1", Ha = {
   tabsPanel: Ba
 }, Ua = ({ userFlow: t, pageId: e, components: n }) => {
@@ -3731,37 +3733,43 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
   items: r,
   activeIndex: o,
   className: a,
-  responseKey: c,
-  preserveHeight: s
+  id: c,
+  responseKey: s,
+  preserveHeight: d,
+  "aria-label": i
 }) => {
-  const d = r.map((u, _) => ({
-    label: u.label,
-    disabled: u.disabled,
+  const u = r.map((h, f) => ({
+    label: h.label,
+    disabled: h.disabled,
+    icon: h.icon,
+    count: h.count,
     children: /* @__PURE__ */ l.jsx(
       Ua,
       {
         userFlow: t,
         pageId: e,
-        components: u.components
+        components: h.components
       },
-      `${n}-tab-${_}`
+      `${n}-tab-${f}`
     )
-  })), i = (u) => {
-    var h;
-    const _ = {
-      ...(h = v.getState()[t]) == null ? void 0 : h.entries,
-      [c]: u
+  })), _ = (h) => {
+    var m;
+    const f = {
+      ...(m = v.getState()[t]) == null ? void 0 : m.entries,
+      [s]: h
     };
-    L(t, _);
+    L(t, f);
   };
   return /* @__PURE__ */ l.jsx(
     qn,
     {
+      "aria-label": i,
       className: a,
+      id: c,
       activeIndex: o,
-      items: d,
-      onClick: i,
-      preserveHeight: s
+      items: u,
+      onClick: _,
+      preserveHeight: d
     }
   );
 }, Ga = "_textareaNotFront_1wpe5_1", Va = {
@@ -3877,12 +3885,13 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
     label: s,
     placement: d,
     notShowArrow: i,
-    visible: u
-  } = t, _ = A(
+    variant: u,
+    visible: _
+  } = t, h = A(
     e,
     n,
     c != null && c.length ? c : null
-  ), h = _ && _.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: Oe.tooltipNotFront_content, children: _.map((f, m) => /* @__PURE__ */ l.jsx(R, { children: f }, `tooltip-${o}-${m}`)) }) : null;
+  ), f = h && h.length > 0 ? /* @__PURE__ */ l.jsx("div", { className: Oe.tooltipNotFront_content, children: h.map((m, y) => /* @__PURE__ */ l.jsx(R, { children: m }, `tooltip-${o}-${y}`)) }) : null;
   return /* @__PURE__ */ l.jsx(
     Un,
     {
@@ -3890,8 +3899,9 @@ const na = /\{([^}]+)\}/g, ra = (t, e) => {
       label: s,
       placement: d,
       notShowArrow: i,
-      visible: u,
-      children: h
+      variant: u,
+      visible: _,
+      children: f
     }
   );
 };
@@ -3921,7 +3931,7 @@ const Pa = { api: "", headers: {} }, Fa = ({
   const o = n ?? `${t}-page`;
   S(() => {
     var d, i;
-    return (i = (d = v.getState()[t]) == null ? void 0 : d.pages) != null && i[o] || wt(t, r ?? Pa, {
+    return (i = (d = v.getState()[t]) == null ? void 0 : d.pages) != null && i[o] || Nt(t, r ?? Pa, {
       type: "page",
       hash: o,
       body: { components: e }
@@ -4022,52 +4032,52 @@ const ec = ({ payload: t, userFlow: e }) => {
     }
   );
 }, oc = (t, e, n, r) => {
-  var b;
-  const [o, a] = S(!1), c = !!(e != null && e.api && !n && t), [s, d] = S(c), i = v((w) => w[t]), u = i == null ? void 0 : i.currentPageId, _ = (i == null ? void 0 : i.isLoading) ?? !1, h = s || _, f = u ? (b = i == null ? void 0 : i.pages[u]) == null ? void 0 : b.page : void 0, m = (f == null ? void 0 : f.type) === "page" ? f.headerNavigation : void 0, y = (f == null ? void 0 : f.type) === "page" ? f.contextualNavigation : void 0, g = (f == null ? void 0 : f.header) ?? null, x = !!g || !m;
+  var p;
+  const [o, a] = S(!1), c = !!(e != null && e.api && !n && t), [s, d] = S(c), i = v((N) => N[t]), u = i == null ? void 0 : i.currentPageId, _ = (i == null ? void 0 : i.isLoading) ?? !1, h = s || _, f = u ? (p = i == null ? void 0 : i.pages[u]) == null ? void 0 : p.page : void 0, m = (f == null ? void 0 : f.type) === "page" ? f.headerNavigation : void 0, y = (f == null ? void 0 : f.type) === "page" ? f.contextualNavigation : void 0, g = (f == null ? void 0 : f.header) ?? null, x = !!g || !m;
   X(() => {
     if (typeof window > "u") return;
-    const w = new URL(window.location.href), C = w.searchParams.get("sessionId");
-    C && (Qt(C), w.searchParams.delete("sessionId"), window.history.replaceState({}, "", w.toString()));
+    const N = new URL(window.location.href), C = N.searchParams.get("sessionId");
+    C && (Qt(C), N.searchParams.delete("sessionId"), window.history.replaceState({}, "", N.toString()));
   }, []);
   const j = Re(t, u ?? "", "header", g, {
     onResolveComponentProps: r
-  }), p = Re(
+  }), b = Re(
     t,
     u ?? "",
     "body",
     (f == null ? void 0 : f.body) ?? null,
     { onResolveComponentProps: r, embedded: !!y }
-  ), N = async () => {
+  ), w = async () => {
     try {
-      const w = await Xe(
+      const N = await Xe(
         e,
         t
-      ), C = w == null ? void 0 : w.data, E = C == null ? void 0 : C.content;
-      (w == null ? void 0 : w.status) === 200 ? await wt(
+      ), C = N == null ? void 0 : N.data, E = C == null ? void 0 : C.content;
+      (N == null ? void 0 : N.status) === 200 ? await Nt(
         t,
         e,
         E,
         C == null ? void 0 : C.sessionState,
         C == null ? void 0 : C.sessionId
       ) : a(!0);
-    } catch (w) {
-      console.error("[not-page]: API call failed", w), a(!0);
+    } catch (N) {
+      console.error("[not-page]: API call failed", N), a(!0);
     } finally {
       d(!1);
     }
   };
   return X(() => {
-    e != null && e.api && !n && t ? N() : !(e != null && e.api) && n && t || e != null && e.api && n && t ? wt(t, e, n) : (!(e != null && e.api) && !n || !t) && (a(!0), console.error(
+    e != null && e.api && !n && t ? w() : !(e != null && e.api) && n && t || e != null && e.api && n && t ? Nt(t, e, n) : (!(e != null && e.api) && !n || !t) && (a(!0), console.error(
       "[not-page]: API call failed",
       "not api config",
       "not userFlow"
     ));
-    const w = "avocado-theme-mode-changed", C = (E) => {
+    const N = "avocado-theme-mode-changed", C = (E) => {
       const O = E.detail;
       bt.setThemeMode(O);
     };
-    return window.addEventListener(w, C), () => {
-      window.removeEventListener(w, C);
+    return window.addEventListener(N, C), () => {
+      window.removeEventListener(N, C);
     };
   }, []), o && console.error("[not-page]: No render page"), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     h && /* @__PURE__ */ l.jsx(Gn, {}),
@@ -4086,10 +4096,10 @@ const ec = ({ payload: t, userFlow: e }) => {
       {
         ...y,
         userFlow: t,
-        children: p
+        children: b
       },
       y.hash
-    ) : p),
+    ) : b),
     u && /* @__PURE__ */ l.jsx(Ko, { userFlow: t, pageId: u }),
     i && /* @__PURE__ */ l.jsx(Vn, {})
   ] });
@@ -4101,7 +4111,7 @@ export {
   ea as Row,
   pc as clearSessionId,
   tc as extractNotFrontComponents,
-  Nr as heading,
+  wr as heading,
   jc as renderNotFront,
   Er as text,
   Fa as useNotFrontFragment,