@archbase/template 4.0.29 → 4.0.31

package/dist/index.js

@@ -1,10 +1,10 @@
 import { jsx as e, Fragment as qe, jsxs as s } from "react/jsx-runtime";
-import { Button as Oe, Paper as _e, Box as pe, Flex as ve, Group as oe, ActionIcon as yt, Title as Bt, Text as Ee, ScrollArea as Ze, LoadingOverlay as Ct, useMantineColorScheme as ct, Modal as bt, px as Ot, Grid as Se, Pagination as Nt, Stack as wt, Tabs as at, Badge as Kt } from "@mantine/core";
+import { Button as Oe, Paper as _e, Box as ge, Flex as ve, Group as oe, ActionIcon as bt, Title as Bt, Text as Ee, ScrollArea as Ze, LoadingOverlay as Ct, useMantineColorScheme as ct, Modal as yt, px as Ot, Grid as Se, Pagination as Nt, Stack as wt, Tabs as at, Badge as Kt } from "@mantine/core";
 import { useForceUpdate as dt, useUncontrolled as Qt, useHotkeys as Xt } from "@mantine/hooks";
 import { IconArrowLeft as Vt, IconBug as Ke, IconDeviceFloppy as vt, IconX as ze, IconCheck as et, IconPlus as Ft, IconEdit as At, IconTrash as nt, IconEye as Rt } from "@tabler/icons-react";
-import { useArchbaseAppContext as Me, useValidationErrors as Pt, ValidationErrorsProvider as Et, getI18nextInstance as g, processErrorMessage as xe, useArchbaseTheme as ut, emit as Yt, useArchbaseTranslation as Zt } from "@archbase/core";
+import { useArchbaseAppContext as Me, useValidationErrors as Pt, ValidationErrorsProvider as Et, getI18nextInstance as p, processErrorMessage as xe, useArchbaseTheme as ut, emit as Yt, useArchbaseTranslation as Zt } from "@archbase/core";
 import tt, { useMemo as Je, useState as H, useCallback as Z, forwardRef as zt, useRef as Ie, useImperativeHandle as Gt, useEffect as rt, Fragment as er, Profiler as tr, createContext as rr, useContext as $t } from "react";
-import { useArchbaseV1V2Compatibility as We, useArchbaseDataSourceListener as it, DataSourceEventNames as be, ArchbaseDataSource as nr } from "@archbase/data";
+import { useArchbaseV1V2Compatibility as We, useArchbaseDataSourceListener as it, DataSourceEventNames as ye, ArchbaseDataSource as nr } from "@archbase/data";
 import { ArchbaseAlert as Qe, ArchbaseDialog as St, ArchbaseDataGrid as Lt, GridToolBarActions as ir, ArchbaseDebugInspector as lr, ArchbaseMasonryProvider as or, ArchbaseMasonryResponsive as ar, ArchbaseMasonry as sr, ArchbaseActionButtons as cr } from "@archbase/components";
 import { ArchbaseSpaceFixed as ht, ArchbaseSpaceTop as It, ArchbaseSpaceFill as ft, ArchbaseForm as jt, ArchbaseSpaceBottom as mt } from "@archbase/layout";
 import { ArchbaseQueryBuilder as Dt, buildFrom as dr, ArchbaseGlobalFilter as ur } from "@archbase/advanced";
@@ -34,7 +34,7 @@ function Vr(t) {
     onClose: a
   } = t || {}, [v, j] = H(!1), [l, c] = H(f), [_, D] = H(n), C = Z(() => {
     j(!0), x?.();
-  }, [x]), b = Z(() => {
+  }, [x]), y = Z(() => {
     j(!1), a?.();
   }, [a]), m = Z(() => {
     c(null), D([]);
@@ -68,7 +68,7 @@ function Vr(t) {
     selectedItems: _,
     // Ações
     open: C,
-    close: b,
+    close: y,
     clear: m,
     setSelectedItem: c,
     setSelectedItems: D,
@@ -134,7 +134,7 @@ function Gr({
   children: _,
   radius: D,
   variant: C,
-  buttonsPosition: b = "footer",
+  buttonsPosition: y = "footer",
   saveLabel: m,
   cancelLabel: z,
   onBack: w,
@@ -172,7 +172,7 @@ function Gr({
   it({
     dataSource: u,
     listener: (T) => {
-      T.type === be.onError && (se(!0), ne(T.error)), T.type === be.onFieldError && N && T.fieldName && T.error && N.setError(T.fieldName, T.error), (T.type === be.afterEdit || T.type === be.afterInsert) && ($.isDataSourceV2 || d());
+      T.type === ye.onError && (se(!0), ne(T.error)), T.type === ye.onFieldError && N && T.fieldName && T.error && N.setError(T.fieldName, T.error), (T.type === ye.afterEdit || T.type === ye.afterInsert) && ($.isDataSourceV2 || d());
     }
   });
   const Fe = Z((T, S) => ({
@@ -198,7 +198,7 @@ function Gr({
     }
   }, Re = () => {
     a && a(), se(!1), ne("");
-  }, Pe = u && !u.isBrowsing(), ce = b === "header" || b === "both", L = b === "footer" || b === "both", de = () => /* @__PURE__ */ e(oe, { gap: "sm", children: Pe ? /* @__PURE__ */ s(qe, { children: [
+  }, Pe = u && !u.isBrowsing(), ce = y === "header" || y === "both", L = y === "footer" || y === "both", de = () => /* @__PURE__ */ e(oe, { gap: "sm", children: Pe ? /* @__PURE__ */ s(qe, { children: [
     /* @__PURE__ */ e(
       K,
       {
@@ -208,7 +208,7 @@ function Gr({
         onClick: Ae,
         variant: "default",
         loading: n,
-        children: z || g().t("Cancel")
+        children: z || p().t("Cancel")
       }
     ),
     /* @__PURE__ */ e(
@@ -221,7 +221,7 @@ function Gr({
         variant: C ?? O.variant,
         color: "blue",
         loading: i,
-        children: m || g().t("Ok")
+        children: m || p().t("Ok")
       }
     )
   ] }) : /* @__PURE__ */ e(
@@ -232,10 +232,10 @@ function Gr({
       leftSection: /* @__PURE__ */ e(ze, { size: 16 }),
       onClick: Ae,
       variant: "default",
-      children: g().t("Close")
+      children: p().t("Close")
     }
   ) }), Ge = () => /* @__PURE__ */ s(
-    pe,
+    ge,
     {
       style: {
         flexShrink: 0,
@@ -246,7 +246,7 @@ function Gr({
         gap: "1rem"
       },
       children: [
-        G === "right" && F && /* @__PURE__ */ e(pe, { style: { flex: 1 }, children: F }),
+        G === "right" && F && /* @__PURE__ */ e(ge, { style: { flex: 1 }, children: F }),
         Pe ? /* @__PURE__ */ s(oe, { gap: "md", children: [
           /* @__PURE__ */ e(
             K,
@@ -258,7 +258,7 @@ function Gr({
               disabled: u && u.isBrowsing(),
               variant: C ?? O.variant,
               color: "green",
-              children: m || `${g().t("Ok")}`
+              children: m || `${p().t("Ok")}`
             }
           ),
           /* @__PURE__ */ e(
@@ -271,7 +271,7 @@ function Gr({
               disabled: u && u.isBrowsing(),
               variant: C ?? O.variant,
               color: "red",
-              children: z || `${g().t("Cancel")}`
+              children: z || `${p().t("Cancel")}`
             }
           )
         ] }) : /* @__PURE__ */ e(oe, { gap: "md", children: /* @__PURE__ */ e(
@@ -282,10 +282,10 @@ function Gr({
             leftSection: /* @__PURE__ */ e(ze, {}),
             onClick: Ae,
             variant: C ?? O.variant,
-            children: `${g().t("Close")}`
+            children: `${p().t("Close")}`
           }
         ) }),
-        (G === "left" || G === "center") && F && /* @__PURE__ */ e(pe, { style: { flex: G === "left" ? 1 : 0, textAlign: "right" }, children: F })
+        (G === "left" || G === "center") && F && /* @__PURE__ */ e(ge, { style: { flex: G === "left" ? 1 : 0, textAlign: "right" }, children: F })
       ]
     }
   );
@@ -313,27 +313,27 @@ function Gr({
           },
           children: [
             ce && /* @__PURE__ */ e(
-              pe,
+              ge,
               {
                 style: {
                   flexShrink: 0,
                   padding: "16px 24px",
-                  borderBottom: "1px solid var(--mantine-color-gray-2)"
+                  borderBottom: "1px solid var(--mantine-color-default-border)"
                 },
                 children: /* @__PURE__ */ s(ve, { justify: "space-between", align: "center", children: [
                   /* @__PURE__ */ s(oe, { gap: "md", children: [
                     w && /* @__PURE__ */ e(
-                      yt,
+                      bt,
                       {
                         variant: "subtle",
                         color: "gray",
                         size: "lg",
                         onClick: w,
-                        style: { border: "1px solid var(--mantine-color-gray-3)" },
+                        style: { border: "1px solid var(--mantine-color-default-border)" },
                         children: /* @__PURE__ */ e(Vt, { size: 18 })
                       }
                     ),
-                    (r || o) && /* @__PURE__ */ s(pe, { children: [
+                    (r || o) && /* @__PURE__ */ s(ge, { children: [
                       r && /* @__PURE__ */ e(Bt, { order: 4, fw: 600, children: r }),
                       o && /* @__PURE__ */ e(Ee, { size: "sm", c: "dimmed", children: o })
                     ] })
@@ -342,14 +342,14 @@ function Gr({
                 ] })
               }
             ),
-            Y && /* @__PURE__ */ e(pe, { style: { flexShrink: 0, padding: ce ? "16px 24px 0" : void 0 }, children: /* @__PURE__ */ e(
+            Y && /* @__PURE__ */ e(ge, { style: { flexShrink: 0, padding: ce ? "16px 24px 0" : void 0 }, children: /* @__PURE__ */ e(
               Qe,
               {
                 autoClose: v,
                 withCloseButton: !0,
                 withBorder: !0,
                 icon: /* @__PURE__ */ e(Ke, { size: "1.4rem" }),
-                title: g().t("WARNING"),
+                title: p().t("WARNING"),
                 titleColor: "rgb(250, 82, 82)",
                 variant: C ?? O.variant,
                 onClose: Re,
@@ -394,7 +394,7 @@ function $r({
   height: _,
   userActions: D,
   onAfterSave: C,
-  onClickOk: b,
+  onClickOk: y,
   onClickCancel: m,
   onBeforeOk: z,
   onCustomSave: w,
@@ -427,7 +427,7 @@ function $r({
   it({
     dataSource: c,
     listener: (B) => {
-      B.type === be.onError && (J(!0), W(B.error)), (B.type === be.afterEdit || B.type === be.afterInsert) && (we.isDataSourceV2 || se());
+      B.type === ye.onError && (J(!0), W(B.error)), (B.type === ye.afterEdit || B.type === ye.afterInsert) && (we.isDataSourceV2 || se());
     }
   });
   const ne = async () => {
@@ -447,21 +447,21 @@ function $r({
   }, $ = async () => {
     if (w)
       c && w(c.getCurrentRecord(), () => {
-        b && b();
+        y && y();
       });
     else if (z) {
       const B = z(c.getCurrentRecord());
       B instanceof Promise ? B.then(async () => {
-        await ne() && b && b();
+        await ne() && y && y();
       }).catch((fe) => {
         X && X(xe(fe)), J(!0), W(xe(fe));
-      }) : (B === !0 || B === void 0) && await ne() && b && b();
+      }) : (B === !0 || B === void 0) && await ne() && y && y();
     } else
-      await ne() && b && b();
+      await ne() && y && y();
   }, N = () => {
     d(), m && m();
   }, Fe = () => {
-    St.showWarning(g().t("archbase:Click on Ok or Cancel to close"));
+    St.showWarning(p().t("archbase:Click on Ok or Cancel to close"));
   }, he = () => {
     u && u(), J(!1), W("");
   };
@@ -475,7 +475,7 @@ function $r({
       onSecurityReady: k?.onSecurityReady,
       onAccessDenied: k?.onAccessDenied,
       children: /* @__PURE__ */ e(
-        bt,
+        yt,
         {
           title: t,
           withOverlay: r,
@@ -502,7 +502,7 @@ function $r({
                   withCloseButton: !0,
                   withBorder: !0,
                   icon: /* @__PURE__ */ e(Ke, { size: "1.4rem" }),
-                  title: g().t("WARNING"),
+                  title: p().t("WARNING"),
                   titleColor: "rgb(250, 82, 82)",
                   variant: v ?? E.variant,
                   onClose: he,
@@ -523,7 +523,7 @@ function $r({
                       disabled: c && c.isBrowsing(),
                       variant: v ?? E.variant,
                       color: "green",
-                      children: `${g().t("Ok")}`
+                      children: `${p().t("Ok")}`
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -536,7 +536,7 @@ function $r({
                       disabled: c && c.isBrowsing(),
                       variant: v ?? E.variant,
                       color: "red",
-                      children: `${g().t("Cancel")}`
+                      children: `${p().t("Cancel")}`
                     }
                   )
                 ] }) : /* @__PURE__ */ e(oe, { gap: "md", children: /* @__PURE__ */ e(
@@ -547,7 +547,7 @@ function $r({
                     leftSection: /* @__PURE__ */ e(ze, {}),
                     onClick: N,
                     variant: v ?? E.variant,
-                    children: `${g().t("Close")}`
+                    children: `${p().t("Close")}`
                   }
                 ) })
               ] }) })
@@ -575,7 +575,7 @@ function Lr({
   onlyOkButton: _ = !1,
   onClose: D,
   onClickOk: C,
-  onClickCancel: b,
+  onClickCancel: y,
   userActions: m,
   // Props de segurança (opcionais)
   resourceName: z,
@@ -591,9 +591,9 @@ function Lr({
   const Q = () => {
     C && C(), D();
   }, M = () => {
-    b && b(), D();
+    y && y(), D();
   }, q = () => {
-    St.showWarning(g().t("Click on Ok or Cancel to close"));
+    St.showWarning(p().t("Click on Ok or Cancel to close"));
   };
   return /* @__PURE__ */ e(
     He,
@@ -605,7 +605,7 @@ function Lr({
       onSecurityReady: u?.onSecurityReady,
       onAccessDenied: u?.onAccessDenied,
       children: /* @__PURE__ */ e(
-        bt,
+        yt,
         {
           title: t,
           withOverlay: r,
@@ -635,7 +635,7 @@ function Lr({
                     onClick: Q,
                     variant: v ?? X.variant,
                     color: "green",
-                    children: `${g().t("Ok")}`
+                    children: `${p().t("Ok")}`
                   }
                 ),
                 _ ? null : /* @__PURE__ */ e(
@@ -647,7 +647,7 @@ function Lr({
                     onClick: M,
                     variant: v ?? X.variant,
                     color: "red",
-                    children: b ? `${g().t("Cancel")}` : `${g().t("Close")}`
+                    children: y ? `${p().t("Cancel")}` : `${p().t("Close")}`
                   }
                 )
               ] })
@@ -669,7 +669,7 @@ const mr = (t, r, o) => {
   }
   return r.getValue(`${t.viewName}_${t.componentName}`);
 };
-function gr(t, r) {
+function pr(t, r) {
   const {
     title: o,
     printTitle: f,
@@ -685,7 +685,7 @@ function gr(t, r) {
     customRenderRowActions: _,
     innerRef: D,
     isLoading: C = !1,
-    isLoadingFilter: b = !1,
+    isLoadingFilter: y = !1,
     isError: m = !1,
     enableTopToolbar: z = !0,
     enableTopToolbarActions: w = !0,
@@ -759,7 +759,7 @@ function gr(t, r) {
     getDataGridRef: () => S,
     getFilterModel: () => S.current ? S.current.getFilterModel() : { items: [], quickFilterValues: [] }
   }), [S]);
-  const [y, V] = H({
+  const [b, V] = H({
     activeFilterIndex: -1,
     currentFilter: void 0,
     expandedFilter: !1
@@ -767,7 +767,7 @@ function gr(t, r) {
   rt(() => {
     const I = mr(i, k, q);
     V(I);
-  }, [b]);
+  }, [y]);
   const ke = (I) => {
     if (_)
       return _(I);
@@ -777,50 +777,50 @@ function gr(t, r) {
     return /* @__PURE__ */ e(
       Te,
       {
-        onEditRow: c.onEditRow ? (ye) => c.onEditRow && c.onEditRow(ye) : void 0,
-        onRemoveRow: c.onRemoveRow ? (ye) => c.onRemoveRow && c.onRemoveRow(ye) : void 0,
-        onViewRow: c.onViewRow ? (ye) => c.onViewRow && c.onViewRow(ye) : void 0,
+        onEditRow: c.onEditRow ? (be) => c.onEditRow && c.onEditRow(be) : void 0,
+        onRemoveRow: c.onRemoveRow ? (be) => c.onRemoveRow && c.onRemoveRow(be) : void 0,
+        onViewRow: c.onViewRow ? (be) => c.onViewRow && c.onViewRow(be) : void 0,
         row: I,
         variant: R ?? me.variant
       }
     );
-  }, me = Me(), Be = Ie(null), De = m ? !1 : C, ge = Je(() => we, [we]);
+  }, me = Me(), Be = Ie(null), De = m ? !1 : C, pe = Je(() => we, [we]);
   tt.useEffect(() => {
     D && D.current !== Be.current && D.current && Be.current && (D.current = Be.current);
   }, [D]);
   const lt = (I, Te) => {
-    const ye = { ...y, currentFilter: I, activeFilterIndex: Te };
-    V(ye), k && i && k?.setValue(`${i.viewName}_${i.componentName}`, ye);
+    const be = { ...b, currentFilter: I, activeFilterIndex: Te };
+    V(be), k && i && k?.setValue(`${i.viewName}_${i.componentName}`, be);
   }, ie = (I) => {
-    const Te = { ...y, expandedFilter: I };
+    const Te = { ...b, expandedFilter: I };
     V(Te), k && i && k?.setValue(`${i.viewName}_${i.componentName}`, Te);
-  }, p = (I, Te) => {
-    const ye = { ...y, currentFilter: I, activeFilterIndex: Te };
-    V(ye), k && i && k?.setValue(`${i.viewName}_${i.componentName}`, ye);
+  }, g = (I, Te) => {
+    const be = { ...b, currentFilter: I, activeFilterIndex: Te };
+    V(be), k && i && k?.setValue(`${i.viewName}_${i.componentName}`, be);
   }, Ce = () => {
-    if (y.currentFilter)
+    if (b.currentFilter)
       if (ae)
         ae();
-      else if (y.currentFilter.filter.filterType === "quick") {
+      else if (b.currentFilter.filter.filterType === "quick") {
         const I = n.getOptions();
-        y.currentFilter.filter.quickFilterText && y.currentFilter.filter.quickFilterText !== "" ? (I.filter = JSON.stringify({
-          search: y.currentFilter.filter.quickFilterText,
-          fields: y.currentFilter.filter.quickFilterFieldsText
-        }), I.sort = y.currentFilter.sort.quickFilterSort ? y.currentFilter.sort.quickFilterSort.split(",") : []) : (I.filter = void 0, I.sort = void 0), n.refreshData(I), Le.isDataSourceV2 || Le.v1State.forceUpdate();
+        b.currentFilter.filter.quickFilterText && b.currentFilter.filter.quickFilterText !== "" ? (I.filter = JSON.stringify({
+          search: b.currentFilter.filter.quickFilterText,
+          fields: b.currentFilter.filter.quickFilterFieldsText
+        }), I.sort = b.currentFilter.sort.quickFilterSort ? b.currentFilter.sort.quickFilterSort.split(",") : []) : (I.filter = void 0, I.sort = void 0), n.refreshData(I), Le.isDataSourceV2 || Le.v1State.forceUpdate();
       } else {
-        const I = dr(y.currentFilter);
+        const I = dr(b.currentFilter);
         if (I && I.expressionNode) {
-          const Te = Yt(I.expressionNode), ye = n.getOptions();
-          ye.filter = Te, ye.sort = I?.sortStrings, n.refreshData(ye), Le.isDataSourceV2 || Le.v1State.forceUpdate();
+          const Te = Yt(I.expressionNode), be = n.getOptions();
+          be.filter = Te, be.sort = I?.sortStrings, n.refreshData(be), Le.isDataSourceV2 || Le.v1State.forceUpdate();
         }
       }
   };
   let Ne, je;
-  const gt = (I) => {
+  const pt = (I) => {
     Ne = I;
   }, Xe = (I) => {
     je = I;
-  }, pt = () => {
+  }, gt = () => {
     je && je();
   }, xt = () => {
     Ne && Ne();
@@ -832,15 +832,15 @@ function gr(t, r) {
       apiVersion: i?.apiVersion,
       ref: T,
       variant: R ?? me.variant,
-      expandedFilter: y.expandedFilter,
+      expandedFilter: b.expandedFilter,
       persistenceDelegator: q,
-      currentFilter: y.currentFilter,
-      activeFilterIndex: y.activeFilterIndex,
-      onSelectedFilter: p,
+      currentFilter: b.currentFilter,
+      activeFilterIndex: b.activeFilterIndex,
+      onSelectedFilter: g,
       onFilterChanged: lt,
       onSearchByFilter: Ce,
       onToggleExpandedFilter: ie,
-      onExport: pt,
+      onExport: gt,
       onPrint: xt,
       showExportButton: !0,
       showPrintButton: !0,
@@ -866,7 +866,7 @@ function gr(t, r) {
             withCloseButton: !0,
             withBorder: !0,
             icon: /* @__PURE__ */ e(Ke, { size: "1.4rem" }),
-            title: g().t("archbase:WARNING"),
+            title: p().t("archbase:WARNING"),
             titleColor: "rgb(250, 82, 82)",
             variant: R ?? me.variant,
             onClose: () => F && F(),
@@ -906,7 +906,7 @@ function gr(t, r) {
             positionActionsColumn: J,
             actionsColumnWidth: U,
             toolbarAlignment: se,
-            toolbarLeftContent: ge,
+            toolbarLeftContent: pe,
             renderToolbarActions: u === "advanced" || u === "none" ? Ye : void 0,
             paginationLabels: N,
             cellPadding: le,
@@ -916,7 +916,7 @@ function gr(t, r) {
             renderDetailPanel: O ? ({ row: I }) => O({ row: I }) : void 0,
             renderTopToolbar: Y,
             onExport: Xe,
-            onPrint: gt,
+            onPrint: pt,
             variant: R,
             withToolbarBorder: Re,
             withPaginationBorder: Pe,
@@ -939,7 +939,7 @@ function gr(t, r) {
                       variant: R ?? me.variant,
                       leftSection: /* @__PURE__ */ e(Ft, {}),
                       onClick: () => l && l.onAddExecute && l.onAddExecute(),
-                      children: l.labelAdd || g().t("archbase:New")
+                      children: l.labelAdd || p().t("archbase:New")
                     }
                   ) : null,
                   l.onEditExecute ? /* @__PURE__ */ e(
@@ -952,7 +952,7 @@ function gr(t, r) {
                       disabled: !n.isBrowsing() || n.isEmpty(),
                       variant: R ?? me.variant,
                       onClick: () => l && l.onEditExecute && l.onEditExecute(),
-                      children: l.labelEdit || g().t("archbase:Edit")
+                      children: l.labelEdit || p().t("archbase:Edit")
                     }
                   ) : null,
                   l.onRemoveExecute ? /* @__PURE__ */ e(
@@ -965,7 +965,7 @@ function gr(t, r) {
                       disabled: !l?.allowRemove || !n.isBrowsing() || n.isEmpty(),
                       variant: R ?? me.variant,
                       onClick: () => l && l.onRemoveExecute && l.onRemoveExecute(),
-                      children: l.labelRemove || g().t("archbase:Remove")
+                      children: l.labelRemove || p().t("archbase:Remove")
                     }
                   ) : null,
                   l.onViewExecute ? /* @__PURE__ */ e(
@@ -978,7 +978,7 @@ function gr(t, r) {
                       disabled: !n.isBrowsing() || n.isEmpty(),
                       variant: R ?? me.variant,
                       onClick: () => l && l.onViewExecute && l.onViewExecute(),
-                      children: l.labelView || g().t("archbase:View")
+                      children: l.labelView || p().t("archbase:View")
                     }
                   ) : null,
                   l.customUserActions && l.customUserActionsPosition === "right" ? l.customUserActions : null
@@ -991,8 +991,8 @@ function gr(t, r) {
     }
   );
 }
-const jr = zt(gr);
-function pr(t, r, o, f) {
+const jr = zt(pr);
+function gr(t, r, o, f) {
   if (t && t.headerGridColumns) {
     const n = t.headerGridColumns.left ? t.headerGridColumns.left : { xs: "auto", sm: "auto", md: "auto", lg: "auto" }, i = t.headerGridColumns.middle ? t.headerGridColumns.middle : { xs: "auto", sm: "auto", md: "auto", lg: "auto" }, h = t.headerGridColumns.right ? t.headerGridColumns.right : { xs: "auto", sm: "auto", md: "auto", lg: "auto" };
     return /* @__PURE__ */ s(Se, { m: 0, gap: "xs", justify: "center", align: "center", grow: !0, children: [
@@ -1193,7 +1193,7 @@ function Mt({
   headerMiddle: _,
   headerRight: D,
   footerLeft: C,
-  footerMiddle: b,
+  footerMiddle: y,
   footerRight: m,
   variant: z,
   options: w = {},
@@ -1236,7 +1236,7 @@ function Mt({
         radius: v,
         style: { width: i, height: h, padding: 4, ...G },
         children: /* @__PURE__ */ s(ht, { height: "100%", children: [
-          /* @__PURE__ */ e(It, { size: re.height, children: /* @__PURE__ */ e("div", { ref: te, children: pr(w, c, D, M) }) }),
+          /* @__PURE__ */ e(It, { size: re.height, children: /* @__PURE__ */ e("div", { ref: te, children: gr(w, c, D, M) }) }),
           /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ e(
             Ze,
             {
@@ -1289,7 +1289,7 @@ function Mt({
     }
   );
 }
-function yr(t, r, o, f, n, i) {
+function br(t, r, o, f, n, i) {
   console.log(`Render de "${t}" na fase "${r}": ${o}ms`);
 }
 function Mr({
@@ -1313,7 +1313,7 @@ function Mr({
   withBorder: _ = !0,
   filterPersistenceDelegator: D,
   withPagination: C = !0,
-  radius: b,
+  radius: y,
   userActions: m,
   columnsCountBreakPoints: z,
   columnsCount: w,
@@ -1352,22 +1352,22 @@ function Mr({
   );
   it({
     dataSource: r,
-    listener: (y) => {
-      (y.type === be.afterRemove || y.type === be.refreshData) && (he((V) => V + 1), B || fe());
+    listener: (b) => {
+      (b.type === ye.afterRemove || b.type === ye.refreshData) && (he((V) => V + 1), B || fe());
     }
   });
   const Ae = Je(() => {
     if (F) {
-      const y = F.type;
+      const b = F.type;
       let V = {};
       return F.props && (V = F.props), r.browseRecords().map((ke, me) => {
         const Be = `${W}_${me}`, De = `${W}_${me}`;
-        let ge = ke.active === void 0 ? !1 : ke.active;
-        return ne >= 0 && (ge = !1, ne === me && (ge = !0)), /* @__PURE__ */ e(
-          y,
+        let pe = ke.active === void 0 ? !1 : ke.active;
+        return ne >= 0 && (pe = !1, ne === me && (pe = !0)), /* @__PURE__ */ e(
+          b,
           {
             id: De,
-            active: ge,
+            active: pe,
             index: me,
             dataSource: r,
             recordData: ke,
@@ -1379,24 +1379,24 @@ function Mr({
       });
     }
     return [];
-  }, [ne, F, W, r, Fe]), Re = (y, V) => {
-    N({ ...$, currentFilter: y, activeFilterIndex: V });
-  }, Pe = (y) => {
-    N({ ...$, expandedFilter: y });
-  }, ce = (y, V) => {
-    N({ ...$, currentFilter: y, activeFilterIndex: V });
+  }, [ne, F, W, r, Fe]), Re = (b, V) => {
+    N({ ...$, currentFilter: b, activeFilterIndex: V });
+  }, Pe = (b) => {
+    N({ ...$, expandedFilter: b });
+  }, ce = (b, V) => {
+    N({ ...$, currentFilter: b, activeFilterIndex: V });
   }, L = () => {
-  }, de = (y, V) => {
-    d(y), r && r.gotoRecordByData(V);
-  }, Ge = (y) => {
+  }, de = (b, V) => {
+    d(b), r && r.gotoRecordByData(V);
+  }, Ge = (b) => {
     if (r) {
       const V = r.getOptions();
-      V.filter = y, V.currentPage = se, r.refreshData(V), B || fe();
+      V.filter = b, V.currentPage = se, r.refreshData(V), B || fe();
     }
-  }, T = (y) => {
+  }, T = (b) => {
     if (r) {
       const V = r.getOptions();
-      V.currentPage = y, r.refreshData(V), B || fe();
+      V.currentPage = b, r.refreshData(V), B || fe();
     }
   }, S = () => x === "normal" && f ? /* @__PURE__ */ e(
     ur,
@@ -1405,7 +1405,7 @@ function Mr({
       onFilter: Ge,
       minFilterValueLength: 1
     }
-  ) : x === "advanced" ? /* @__PURE__ */ e(tr, { id: `profile_${o.componentName}`, onRender: yr, children: /* @__PURE__ */ e(
+  ) : x === "advanced" ? /* @__PURE__ */ e(tr, { id: `profile_${o.componentName}`, onRender: br, children: /* @__PURE__ */ e(
     Dt,
     {
       id: o.componentName,
@@ -1444,7 +1444,7 @@ function Mr({
           innerRef: O,
           width: l,
           height: c,
-          radius: b,
+          radius: y,
           withBorder: _,
           isError: a,
           error: v,
@@ -1465,7 +1465,7 @@ function Mr({
                 variant: R ?? U.variant,
                 leftSection: /* @__PURE__ */ e(Ft, {}),
                 onClick: () => m.onAddExecute(),
-                children: m.labelAdd || g().t("archbase:New")
+                children: m.labelAdd || p().t("archbase:New")
               }
             ) : null,
             m?.allowEdit !== !1 && m?.onEditExecute ? /* @__PURE__ */ e(
@@ -1478,7 +1478,7 @@ function Mr({
                 disabled: !r.isBrowsing() || r.isEmpty(),
                 variant: R ?? U.variant,
                 onClick: () => m.onEditExecute(),
-                children: m.labelEdit || g().t("archbase:Edit")
+                children: m.labelEdit || p().t("archbase:Edit")
               }
             ) : null,
             m?.allowRemove !== !1 && m?.onRemoveExecute ? /* @__PURE__ */ e(
@@ -1491,7 +1491,7 @@ function Mr({
                 disabled: !r.isBrowsing() || r.isEmpty(),
                 variant: R ?? U.variant,
                 onClick: () => m.onRemoveExecute(),
-                children: m.labelRemove || g().t("archbase:Remove")
+                children: m.labelRemove || p().t("archbase:Remove")
               }
             ) : null,
             m?.allowView !== !1 && m?.onViewExecute ? /* @__PURE__ */ e(
@@ -1504,7 +1504,7 @@ function Mr({
                 disabled: !r.isBrowsing() || r.isEmpty(),
                 variant: R ?? U.variant,
                 onClick: () => m.onViewExecute(),
-                children: m.labelView || g().t("archbase:View")
+                children: m.labelView || p().t("archbase:View")
               }
             ) : null,
             m?.customUserActions && m?.customUserActionsPosition === "right" ? m.customUserActions : null
@@ -1560,7 +1560,7 @@ function Ur({
   children: _,
   radius: D,
   userActions: C,
-  debug: b = !1,
+  debug: y = !1,
   variant: m,
   actionsButtonsOptions: z,
   spaceOptions: w,
@@ -1590,7 +1590,7 @@ function Ur({
       id: "1",
       icon: /* @__PURE__ */ e(Ft, {}),
       color: "green",
-      label: d.labelAdd ? d.labelAdd : g().t("archbase:New"),
+      label: d.labelAdd ? d.labelAdd : p().t("archbase:New"),
       executeAction: () => {
         d && d.onAddExecute && d.onAddExecute();
       },
@@ -1600,7 +1600,7 @@ function Ur({
       id: "2",
       icon: /* @__PURE__ */ e(At, {}),
       color: "blue",
-      label: d.labelEdit ? d.labelEdit : g().t("archbase:Edit"),
+      label: d.labelEdit ? d.labelEdit : p().t("archbase:Edit"),
       executeAction: () => {
         d && d.onEditExecute && d.onEditExecute();
       },
@@ -1610,7 +1610,7 @@ function Ur({
       id: "3",
       icon: /* @__PURE__ */ e(nt, {}),
       color: "red",
-      label: d.labelRemove ? d.labelRemove : g().t("archbase:Remove"),
+      label: d.labelRemove ? d.labelRemove : p().t("archbase:Remove"),
       executeAction: () => {
         d && d.onRemoveExecute && d.onRemoveExecute();
       },
@@ -1620,7 +1620,7 @@ function Ur({
       id: "4",
       icon: /* @__PURE__ */ e(Rt, {}),
       color: "green",
-      label: d.labelView ? d.labelView : g().t("archbase:View"),
+      label: d.labelView ? d.labelView : p().t("archbase:View"),
       executeAction: () => {
         d && d.onView && d.onView();
       },
@@ -1663,7 +1663,7 @@ function Ur({
           error: h,
           clearError: x,
           title: t,
-          defaultDebug: b,
+          defaultDebug: y,
           debugOptions: F,
           style: G,
           options: ne,
@@ -1719,7 +1719,7 @@ function _r({
   formSubtitle: _,
   statusBadge: D,
   tabs: C,
-  defaultTab: b,
+  defaultTab: y,
   tabsVariant: m = "outline",
   children: z,
   // Layout
@@ -1761,7 +1761,7 @@ function _r({
   securityOptions: he,
   ...B
 }) {
-  const fe = Me(), [Ae, Re] = H(q), [Pe, ce] = H(R), [L, de] = H(b || (C?.[0]?.value ?? null)), Ge = dt();
+  const fe = Me(), [Ae, Re] = H(q), [Pe, ce] = H(R), [L, de] = H(y || (C?.[0]?.value ?? null)), Ge = dt();
   Ue({
     autoRegisterActions: he?.autoRegisterActions ?? !0
   });
@@ -1773,19 +1773,19 @@ function _r({
   ), S = Pt();
   it({
     dataSource: E,
-    listener: (p) => {
-      p.type === be.onError && (Re(!0), ce(p.error)), p.type === be.onFieldError && S && p.fieldName && p.error && S.setError(p.fieldName, p.error), (p.type === be.afterEdit || p.type === be.afterInsert) && (T.isDataSourceV2 || Ge());
+    listener: (g) => {
+      g.type === ye.onError && (Re(!0), ce(g.error)), g.type === ye.onFieldError && S && g.fieldName && g.error && S.setError(g.fieldName, g.error), (g.type === ye.afterEdit || g.type === ye.afterInsert) && (T.isDataSourceV2 || Ge());
     }
   });
-  const $e = Z((p, Ce) => ({
+  const $e = Z((g, Ce) => ({
     closeAllowed: (Ne) => {
     }
-  }), []), Le = ne || $e, { closeAllowed: y } = Le(se || "", () => {
-    we && we() === !1 || y();
-  }), V = async (p) => {
+  }), []), Le = ne || $e, { closeAllowed: b } = Le(se || "", () => {
+    we && we() === !1 || b();
+  }), V = async (g) => {
     try {
-      ue ? ue(p) : (J && await J(p), E.isBrowsing() || E.save().then(() => {
-        S?.clearAll(), U && U(p), y();
+      ue ? ue(g) : (J && await J(g), E.isBrowsing() || E.save().then(() => {
+        S?.clearAll(), U && U(g), b();
       }).catch((Ce) => {
         Y && Y(xe(Ce)), Re(!0), ce(xe(Ce));
       }));
@@ -1794,13 +1794,13 @@ function _r({
     }
   }, ke = () => {
     try {
-      re ? re(y) : (W && W(), E.isBrowsing() || E.cancel(), S?.clearAll(), O && O(), y());
-    } catch (p) {
-      Y && Y(xe(p)), Re(!0), ce(xe(p));
+      re ? re(b) : (W && W(), E.isBrowsing() || E.cancel(), S?.clearAll(), O && O(), b());
+    } catch (g) {
+      Y && Y(xe(g)), Re(!0), ce(xe(g));
     }
   }, me = () => {
     k && k(), Re(!1), ce("");
-  }, Be = l ? 12 : 12 - j, De = E && !E.isBrowsing(), ge = a === "header" || a === "both", lt = a === "footer" || a === "both", ie = () => /* @__PURE__ */ e(oe, { gap: "sm", children: De ? /* @__PURE__ */ s(qe, { children: [
+  }, Be = l ? 12 : 12 - j, De = E && !E.isBrowsing(), pe = a === "header" || a === "both", lt = a === "footer" || a === "both", ie = () => /* @__PURE__ */ e(oe, { gap: "sm", children: De ? /* @__PURE__ */ s(qe, { children: [
     /* @__PURE__ */ e(
       K,
       {
@@ -1810,7 +1810,7 @@ function _r({
         onClick: ke,
         variant: "default",
         loading: Q,
-        children: x || g().t("Cancel")
+        children: x || p().t("Cancel")
       }
     ),
     /* @__PURE__ */ e(
@@ -1823,7 +1823,7 @@ function _r({
         variant: te ?? fe.variant,
         color: "blue",
         loading: M,
-        children: h || g().t("Ok")
+        children: h || p().t("Ok")
       }
     )
   ] }) : /* @__PURE__ */ e(
@@ -1834,7 +1834,7 @@ function _r({
       leftSection: /* @__PURE__ */ e(ze, { size: 16 }),
       onClick: ke,
       variant: "default",
-      children: g().t("Close")
+      children: p().t("Close")
     }
   ) });
   return /* @__PURE__ */ e(
@@ -1861,76 +1861,76 @@ function _r({
           },
           children: [
             /* @__PURE__ */ e(
-              pe,
+              ge,
               {
                 style: {
                   flexShrink: 0,
                   padding: "16px 24px",
-                  borderBottom: "1px solid var(--mantine-color-gray-2)"
+                  borderBottom: "1px solid var(--mantine-color-default-border)"
                 },
                 children: /* @__PURE__ */ s(ve, { justify: "space-between", align: "center", children: [
                   /* @__PURE__ */ s(oe, { gap: "md", children: [
                     o && /* @__PURE__ */ e(
-                      yt,
+                      bt,
                       {
                         variant: "subtle",
                         color: "gray",
                         size: "lg",
                         onClick: o,
-                        style: { border: "1px solid var(--mantine-color-gray-3)" },
+                        style: { border: "1px solid var(--mantine-color-default-border)" },
                         children: /* @__PURE__ */ e(Vt, { size: 18 })
                       }
                     ),
-                    /* @__PURE__ */ s(pe, { children: [
+                    /* @__PURE__ */ s(ge, { children: [
                       /* @__PURE__ */ e(Bt, { order: 4, fw: 600, children: t }),
                       r && /* @__PURE__ */ e(Ee, { size: "sm", c: "dimmed", children: r })
                     ] })
                   ] }),
                   /* @__PURE__ */ s(oe, { gap: "sm", children: [
-                    f?.map((p) => /* @__PURE__ */ e(
+                    f?.map((g) => /* @__PURE__ */ e(
                       Oe,
                       {
-                        variant: p.variant || "subtle",
-                        color: p.color,
-                        leftSection: p.icon,
-                        onClick: p.onClick,
-                        disabled: p.disabled,
-                        loading: p.loading,
-                        children: p.label
+                        variant: g.variant || "subtle",
+                        color: g.color,
+                        leftSection: g.icon,
+                        onClick: g.onClick,
+                        disabled: g.disabled,
+                        loading: g.loading,
+                        children: g.label
                       },
-                      p.id
+                      g.id
                     )),
                     n && i && /* @__PURE__ */ e(
-                      yt,
+                      bt,
                       {
                         variant: "subtle",
                         color: "red",
                         size: "lg",
                         onClick: i,
-                        style: { border: "1px solid var(--mantine-color-gray-3)" },
+                        style: { border: "1px solid var(--mantine-color-default-border)" },
                         children: /* @__PURE__ */ e(nt, { size: 18 })
                       }
                     ),
-                    ge && ie()
+                    pe && ie()
                   ] })
                 ] })
               }
             ),
-            Ae && /* @__PURE__ */ e(pe, { style: { flexShrink: 0, padding: "0 24px" }, children: /* @__PURE__ */ e(
+            Ae && /* @__PURE__ */ e(ge, { style: { flexShrink: 0, padding: "0 24px" }, children: /* @__PURE__ */ e(
               Qe,
               {
                 autoClose: le,
                 withCloseButton: !0,
                 withBorder: !0,
                 icon: /* @__PURE__ */ e(Ke, { size: "1.4rem" }),
-                title: g().t("WARNING"),
+                title: p().t("WARNING"),
                 titleColor: "rgb(250, 82, 82)",
                 variant: te ?? fe.variant,
                 onClose: me,
                 children: /* @__PURE__ */ e("span", { children: Pe })
               }
             ) }),
-            /* @__PURE__ */ s(pe, { style: { flex: 1, minHeight: 0, padding: "24px" }, children: [
+            /* @__PURE__ */ s(ge, { style: { flex: 1, minHeight: 0, padding: "24px" }, children: [
               /* @__PURE__ */ e(Ct, { visible: ae || Q || M, opacity: 0.3 }),
               /* @__PURE__ */ s(Se, { gap: "xl", style: { height: "100%" }, children: [
                 !l && /* @__PURE__ */ e(Se.Col, { span: { base: 12, md: j }, children: /* @__PURE__ */ e(Ze, { style: { height: "100%" }, children: /* @__PURE__ */ e(wt, { gap: "md", children: v }) }) }),
@@ -1943,19 +1943,19 @@ function _r({
                       height: "100%",
                       display: "flex",
                       flexDirection: "column",
-                      backgroundColor: "var(--mantine-color-white)"
+                      backgroundColor: "var(--mantine-color-body)"
                     },
                     children: [
                       (c || D) && /* @__PURE__ */ e(
-                        pe,
+                        ge,
                         {
                           style: {
                             flexShrink: 0,
                             padding: "16px 20px",
-                            borderBottom: C ? "1px solid var(--mantine-color-gray-2)" : "none"
+                            borderBottom: C ? "1px solid var(--mantine-color-default-border)" : "none"
                           },
                           children: /* @__PURE__ */ s(ve, { justify: "space-between", align: "flex-start", children: [
-                            /* @__PURE__ */ s(pe, { children: [
+                            /* @__PURE__ */ s(ge, { children: [
                               c && /* @__PURE__ */ e(Ee, { fw: 600, size: "lg", children: c }),
                               _ && /* @__PURE__ */ e(Ee, { size: "sm", c: "dimmed", mt: 4, children: _ })
                             ] }),
@@ -1963,7 +1963,7 @@ function _r({
                           ] })
                         }
                       ),
-                      /* @__PURE__ */ e(pe, { style: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: C && C.length > 0 ? /* @__PURE__ */ s(
+                      /* @__PURE__ */ e(ge, { style: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: C && C.length > 0 ? /* @__PURE__ */ s(
                         at,
                         {
                           value: L,
@@ -1971,23 +1971,23 @@ function _r({
                           variant: m,
                           style: { flex: 1, display: "flex", flexDirection: "column" },
                           children: [
-                            /* @__PURE__ */ e(at.List, { style: { flexShrink: 0, padding: "0 20px" }, children: C.map((p) => /* @__PURE__ */ e(
+                            /* @__PURE__ */ e(at.List, { style: { flexShrink: 0, padding: "0 20px" }, children: C.map((g) => /* @__PURE__ */ e(
                               at.Tab,
                               {
-                                value: p.value,
-                                leftSection: p.icon,
-                                children: p.label
+                                value: g.value,
+                                leftSection: g.icon,
+                                children: g.label
                               },
-                              p.value
+                              g.value
                             )) }),
-                            C.map((p) => /* @__PURE__ */ e(
+                            C.map((g) => /* @__PURE__ */ e(
                               at.Panel,
                               {
-                                value: p.value,
+                                value: g.value,
                                 style: { flex: 1, minHeight: 0 },
-                                children: /* @__PURE__ */ e(Ze, { style: { height: "100%", padding: "20px" }, children: p.content })
+                                children: /* @__PURE__ */ e(Ze, { style: { height: "100%", padding: "20px" }, children: g.content })
                               },
-                              p.value
+                              g.value
                             ))
                           ]
                         }
@@ -1998,12 +1998,12 @@ function _r({
               ] })
             ] }),
             lt && /* @__PURE__ */ e(
-              pe,
+              ge,
               {
                 style: {
                   flexShrink: 0,
                   padding: "16px 24px",
-                  borderTop: "1px solid var(--mantine-color-gray-2)",
+                  borderTop: "1px solid var(--mantine-color-default-border)",
                   display: "flex",
                   justifyContent: "flex-end"
                 },
@@ -2019,7 +2019,7 @@ function _r({
 function qr({ title: t, description: r, headerAction: o, children: f }) {
   return /* @__PURE__ */ s(_e, { withBorder: !0, radius: "md", p: "md", children: [
     /* @__PURE__ */ s(ve, { justify: "space-between", align: "flex-start", mb: r || o ? "sm" : 0, children: [
-      /* @__PURE__ */ s(pe, { children: [
+      /* @__PURE__ */ s(ge, { children: [
         /* @__PURE__ */ e(Ee, { fw: 600, size: "sm", children: t }),
         r && /* @__PURE__ */ e(Ee, { size: "xs", c: "dimmed", mt: 2, children: r })
       ] }),
@@ -2031,7 +2031,7 @@ function qr({ title: t, description: r, headerAction: o, children: f }) {
 function Jr({ images: t, onAddImage: r, onRemoveImage: o, onSetCover: f, maxImages: n = 6 }) {
   const i = t.find((a) => a.isCover) || t[0], h = t.filter((a) => a.id !== i?.id), x = t.length < n;
   return /* @__PURE__ */ s(wt, { gap: "sm", children: [
-    i && /* @__PURE__ */ s(pe, { style: { position: "relative" }, children: [
+    i && /* @__PURE__ */ s(ge, { style: { position: "relative" }, children: [
       /* @__PURE__ */ e(
         "img",
         {
@@ -2042,7 +2042,7 @@ function Jr({ images: t, onAddImage: r, onRemoveImage: o, onSetCover: f, maxImag
             height: 200,
             objectFit: "cover",
             borderRadius: "var(--mantine-radius-md)",
-            border: "1px solid var(--mantine-color-gray-3)"
+            border: "1px solid var(--mantine-color-default-border)"
           }
         }
       ),
@@ -2058,7 +2058,7 @@ function Jr({ images: t, onAddImage: r, onRemoveImage: o, onSetCover: f, maxImag
     ] }),
     /* @__PURE__ */ s(Se, { gap: "sm", children: [
       h.map((a) => /* @__PURE__ */ e(Se.Col, { span: 4, children: /* @__PURE__ */ e(
-        pe,
+        ge,
         {
           style: { position: "relative", cursor: f ? "pointer" : "default" },
           onClick: () => f?.(a.id),
@@ -2072,26 +2072,26 @@ function Jr({ images: t, onAddImage: r, onRemoveImage: o, onSetCover: f, maxImag
                 height: 80,
                 objectFit: "cover",
                 borderRadius: "var(--mantine-radius-sm)",
-                border: "1px solid var(--mantine-color-gray-3)"
+                border: "1px solid var(--mantine-color-default-border)"
               }
             }
           )
         }
       ) }, a.id)),
       x && r && /* @__PURE__ */ e(Se.Col, { span: 4, children: /* @__PURE__ */ e(
-        pe,
+        ge,
         {
           onClick: r,
           style: {
             width: "100%",
             height: 80,
-            border: "2px dashed var(--mantine-color-gray-4)",
+            border: "2px dashed var(--mantine-color-default-border)",
             borderRadius: "var(--mantine-radius-sm)",
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
             cursor: "pointer",
-            backgroundColor: "var(--mantine-color-gray-0)"
+            backgroundColor: "var(--mantine-color-default-hover)"
           },
           children: /* @__PURE__ */ e(Ee, { size: "xl", c: "dimmed", children: "+" })
         }
@@ -2118,7 +2118,7 @@ function Cr(t, r) {
     onAfterConfirm: D,
     // DataSource
     dataSource: C,
-    loadData: b,
+    loadData: y,
     loadDataPaged: m,
     searchFields: z = "",
     pageSize: w = 100,
@@ -2154,17 +2154,17 @@ function Cr(t, r) {
     requiredPermissions: d,
     fallbackComponent: $,
     securityOptions: N
-  } = t, Fe = Me(), he = ut(), { colorScheme: B } = ct(), fe = B === "dark", Ae = dt(), Re = fe ? "dark.5" : q, [Pe, ce] = H(!1), [L, de] = H(l || []), [Ge, T] = H(!1), [S, $e] = H(""), [Le, y] = H(0), [V, ke] = H(""), me = Ie(null), Be = Ie([]), De = !!m && !C, ge = !!C, ie = Z(() => ge && C ? C : (me.current || (me.current = new nr("dsLookup", {
+  } = t, Fe = Me(), he = ut(), { colorScheme: B } = ct(), fe = B === "dark", Ae = dt(), Re = fe ? "dark.5" : q, [Pe, ce] = H(!1), [L, de] = H(l || []), [Ge, T] = H(!1), [S, $e] = H(""), [Le, b] = H(0), [V, ke] = H(""), me = Ie(null), Be = Ie([]), De = !!m && !C, pe = !!C, ie = Z(() => pe && C ? C : (me.current || (me.current = new nr("dsLookup", {
     records: [],
     grandTotalRecords: 0,
     currentPage: 0,
     totalPages: 0,
     pageSize: w
-  })), me.current), [ge, C, w])();
+  })), me.current), [pe, C, w])();
   Ue({
     autoRegisterActions: N?.autoRegisterActions ?? !0
   });
-  const p = We(
+  const g = We(
     "ArchbaseLookupDataTemplate",
     ie,
     void 0,
@@ -2173,27 +2173,27 @@ function Cr(t, r) {
   it({
     dataSource: ie,
     listener: (A) => {
-      if (A.type === be.onError && (T(!0), $e(A.error || "")), A.type === be.afterScroll) {
+      if (A.type === ye.onError && (T(!0), $e(A.error || "")), A.type === ye.afterScroll) {
         if (a === "single") {
           const P = ie.getCurrentRecord();
           P && de([P]);
         }
-        p.isDataSourceV2 || Ae();
+        g.isDataSourceV2 || Ae();
       }
     }
   });
   const Ce = {
-    okButton: g().t("archbase:Ok"),
-    cancelButton: g().t("archbase:Cancel"),
-    clearButton: g().t("archbase:Clear"),
-    selectedLabel: g().t("archbase:Selected"),
-    doubleClickHint: g().t("archbase:Double click to select"),
-    noItemSelected: g().t("archbase:No item selected"),
-    itemsSelected: g().t("archbase:items selected"),
+    okButton: p().t("archbase:Ok"),
+    cancelButton: p().t("archbase:Cancel"),
+    clearButton: p().t("archbase:Clear"),
+    selectedLabel: p().t("archbase:Selected"),
+    doubleClickHint: p().t("archbase:Double click to select"),
+    noItemSelected: p().t("archbase:No item selected"),
+    itemsSelected: p().t("archbase:items selected"),
     ...Y
   }, Ne = Z(
     async (A, P) => {
-      if (!(ge || !m)) {
+      if (!(pe || !m)) {
         ce(!0);
         try {
           const Ve = await m(A, w, P, z);
@@ -2203,7 +2203,7 @@ function Cr(t, r) {
             currentPage: A,
             totalPages: Ve.totalPages,
             pageSize: w
-          }), y(A);
+          }), b(A);
         } catch (Ve) {
           T(!0), $e(xe(Ve)), W?.(Ve);
         } finally {
@@ -2211,15 +2211,15 @@ function Cr(t, r) {
         }
       }
     },
-    [ge, m, z, w, ie, W]
+    [pe, m, z, w, ie, W]
   ), je = Z(
     async (A) => {
       if (De)
         return Ne(0, A);
-      if (!(ge || !b)) {
+      if (!(pe || !y)) {
         ce(!0);
         try {
-          const P = await b(A, z);
+          const P = await y(A, z);
           Be.current = P, ie.open({
             records: P,
             grandTotalRecords: P.length,
@@ -2234,20 +2234,20 @@ function Cr(t, r) {
         }
       }
     },
-    [ge, De, b, Ne, z, w, ie, W]
-  ), gt = Z(
+    [pe, De, y, Ne, z, w, ie, W]
+  ), pt = Z(
     (A) => {
       const P = A?.quickFilterValues?.[0] || "";
       if (ke(P), De) {
         Ne(0, P);
         return;
       }
-      b && !ge && je(P);
+      y && !pe && je(P);
     },
-    [b, De, ge, je, Ne]
+    [y, De, pe, je, Ne]
   );
   rt(() => {
-    if (ge)
+    if (pe)
       return;
     const A = (P) => {
       const Ve = P?.currentPage ?? 0, kt = P?.pageSize ?? w;
@@ -2267,7 +2267,7 @@ function Cr(t, r) {
     return ie.emitter.on("refreshData", A), () => {
       ie.emitter.off("refreshData", A);
     };
-  }, [ge, De, ie, w, V, Ne]), rt(() => {
+  }, [pe, De, ie, w, V, Ne]), rt(() => {
     o && (l?.length ? de(l) : de([]), je());
   }, [o]), rt(() => {
     l && de(l);
@@ -2277,7 +2277,7 @@ function Cr(t, r) {
       a === "single" ? de(A.slice(0, 1)) : k && A.length > k ? de(A.slice(0, k)) : de(A);
     },
     [a, k]
-  ), pt = Z(
+  ), gt = Z(
     (A) => {
       if (a === "single" && c) {
         const P = ie.getCurrentRecord();
@@ -2292,8 +2292,8 @@ function Cr(t, r) {
   }, [L, a, v, j, _, D, i]), I = Z(() => {
     i();
   }, [i]), Te = () => {
-    St.showWarning(g().t("archbase:Click on Ok or Cancel to close"));
-  }, ye = () => {
+    St.showWarning(p().t("archbase:Click on Ok or Cancel to close"));
+  }, be = () => {
     J?.(), T(!1), $e("");
   };
   Gt(
@@ -2379,7 +2379,7 @@ function Cr(t, r) {
       onSecurityReady: N?.onSecurityReady,
       onAccessDenied: N?.onAccessDenied,
       children: /* @__PURE__ */ e(
-        bt,
+        yt,
         {
           title: Jt,
           opened: o,
@@ -2401,10 +2401,10 @@ function Cr(t, r) {
                 withCloseButton: !0,
                 withBorder: !0,
                 icon: /* @__PURE__ */ e(Ke, { size: "1.4rem" }),
-                title: g().t("archbase:WARNING"),
+                title: p().t("archbase:WARNING"),
                 titleColor: "rgb(250, 82, 82)",
                 variant: se ?? Fe.variant,
-                onClose: ye,
+                onClose: be,
                 children: /* @__PURE__ */ e("span", { children: _t })
               }
             ) }),
@@ -2426,9 +2426,9 @@ function Cr(t, r) {
                   enableTopToolbar: !0,
                   enableGlobalFilter: !0,
                   getRowId: Ut,
-                  onCellDoubleClick: pt,
+                  onCellDoubleClick: gt,
                   onSelectedRowsChanged: a === "multiple" ? Xe : void 0,
-                  onFilterModelChange: gt,
+                  onFilterModelChange: pt,
                   children: n
                 }
               ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbase/template",
-  "version": "4.0.29",
+  "version": "4.0.31",
   "description": "Template components for Archbase React v3 - High-level templates and layouts",
   "author": "Edson Martins <edsonmartins2005@gmail.com>",
   "license": "MIT",
@@ -20,10 +20,10 @@
     "README.md"
   ],
   "peerDependencies": {
-    "@mantine/core": "9.3.0",
-    "@mantine/dates": "9.3.0",
-    "@mantine/hooks": "9.3.0",
-    "@mantine/modals": "9.3.0",
+    "@mantine/core": "9.3.2",
+    "@mantine/dates": "9.3.2",
+    "@mantine/hooks": "9.3.2",
+    "@mantine/modals": "9.3.2",
     "@tabler/icons-react": "^3.26.0",
     "react": "^18.3.0 || ^19.2.0",
     "react-dom": "^18.3.0 || ^19.2.0"
@@ -34,13 +34,13 @@
     "i18next": "^25.3.1",
     "lodash": "^4.17.21",
     "react-i18next": "^15.1.2",
-    "@archbase/advanced": "4.0.29",
-    "@archbase/components": "4.0.29",
-    "@archbase/core": "4.0.29",
-    "@archbase/data": "4.0.29",
-    "@archbase/layout": "4.0.29",
-    "@archbase/security": "4.0.29",
-    "@archbase/security-ui": "4.0.29"
+    "@archbase/advanced": "4.0.31",
+    "@archbase/components": "4.0.31",
+    "@archbase/core": "4.0.31",
+    "@archbase/data": "4.0.31",
+    "@archbase/layout": "4.0.31",
+    "@archbase/security": "4.0.31",
+    "@archbase/security-ui": "4.0.31"
   },
   "devDependencies": {
     "@types/react": "^19.0.6",