@archbase/template 3.0.0 → 3.0.3

package/dist/index.js

@@ -1,16 +1,16 @@
-import { jsx as e, Fragment as Fe, jsxs as C } from "react/jsx-runtime";
-import { Button as Pe, Paper as Je, Box as Se, ScrollArea as it, LoadingOverlay as ot, Group as ge, useMantineColorScheme as He, Modal as lt, Flex as ce, px as vt, Text as bt, Grid as he, Pagination as st } from "@mantine/core";
-import { useForceUpdate as at, useUncontrolled as wt, useHotkeys as At } from "@mantine/hooks";
-import { IconBug as Ge, IconDeviceFloppy as yt, IconX as Te, IconCheck as ct, IconPlus as We, IconEdit as Ke, IconTrash as Qe, IconEye as Xe } from "@tabler/icons-react";
-import { useArchbaseAppContext as xe, useValidationErrors as Ct, ValidationErrorsProvider as dt, getI18nextInstance as p, processErrorMessage as ae, useArchbaseTheme as Ye, emit as Ft, useArchbaseTranslation as Rt } from "@archbase/core";
-import Ie, { useMemo as Ce, useState as te, forwardRef as Et, useRef as se, useImperativeHandle as It, useEffect as ut, Fragment as Tt, Profiler as Dt, createContext as Vt, useCallback as Be, useContext as ht } from "react";
-import { useArchbaseV1V2Compatibility as De, useArchbaseDataSourceListener as Ze, DataSourceEventNames as fe } from "@archbase/data";
-import { ArchbaseAlert as $e, ArchbaseDialog as ft, ArchbaseDataGrid as St, GridToolBarActions as Bt, ArchbaseDebugInspector as Nt, ArchbaseMasonryProvider as Pt, ArchbaseMasonryResponsive as Gt, ArchbaseMasonry as $t, ArchbaseActionButtons as mt } from "@archbase/components";
-import { ArchbaseSpaceFixed as Oe, ArchbaseSpaceTop as pt, ArchbaseSpaceFill as et, ArchbaseForm as gt, ArchbaseSpaceBottom as tt } from "@archbase/layout";
-import { ArchbaseQueryBuilder as rt, buildFrom as Ut, ArchbaseGlobalFilter as jt } from "@archbase/advanced";
-import Ne from "@rehooks/component-size";
-import { uniqueId as Lt } from "lodash";
-const kt = {
+import { jsx as e, Fragment as Ee, jsxs as C } from "react/jsx-runtime";
+import { Button as Ue, Paper as We, Box as Ne, ScrollArea as st, LoadingOverlay as at, Group as ve, useMantineColorScheme as Ke, Modal as ct, Flex as ue, px as Rt, Text as Et, Grid as me, Pagination as dt } from "@mantine/core";
+import { useForceUpdate as ut, useUncontrolled as It, useHotkeys as Tt } from "@mantine/hooks";
+import { IconBug as je, IconDeviceFloppy as Vt, IconX as Pe, IconCheck as ht, IconPlus as Qe, IconEdit as Xe, IconTrash as Ye, IconEye as Ze } from "@tabler/icons-react";
+import { useArchbaseAppContext as we, useValidationErrors as Dt, ValidationErrorsProvider as ft, getI18nextInstance as m, processErrorMessage as de, useArchbaseTheme as Oe, emit as Bt, useArchbaseTranslation as Pt } from "@archbase/core";
+import Be, { useMemo as be, useState as te, forwardRef as St, useRef as ae, useImperativeHandle as Nt, useEffect as mt, Fragment as Gt, Profiler as $t, createContext as Ut, useCallback as Ge, useContext as pt } from "react";
+import { useArchbaseV1V2Compatibility as Se, useArchbaseDataSourceListener as et, DataSourceEventNames as pe } from "@archbase/data";
+import { ArchbaseAlert as Le, ArchbaseDialog as gt, ArchbaseDataGrid as jt, GridToolBarActions as Lt, ArchbaseDebugInspector as Mt, ArchbaseMasonryProvider as kt, ArchbaseMasonryResponsive as zt, ArchbaseMasonry as qt, ArchbaseActionButtons as xt } from "@archbase/components";
+import { ArchbaseSpaceFixed as tt, ArchbaseSpaceTop as vt, ArchbaseSpaceFill as rt, ArchbaseForm as bt, ArchbaseSpaceBottom as nt } from "@archbase/layout";
+import { ArchbaseQueryBuilder as it, buildFrom as _t, ArchbaseGlobalFilter as Ht } from "@archbase/advanced";
+import $e from "@rehooks/component-size";
+import { uniqueId as Jt } from "lodash";
+const Wt = {
   isAvailable: !1,
   hasPermission: () => !0,
   // Default: sempre permite
@@ -21,20 +21,20 @@ const kt = {
   canEdit: !0,
   canDelete: !0,
   canView: !0
-}, me = (t) => Ce(() => kt, []), lr = () => !1, ie = ({
+}, ge = (t) => be(() => Wt, []), fr = () => !1, ne = ({
   actionName: t,
   actionDescription: r,
   children: a,
   fallback: d = null,
   autoRegister: n = !0,
   onClick: o,
-  ...h
+  ...u
 }) => {
-  const m = me();
-  return Ie.useEffect(() => {
-    n && t && r && m.isAvailable && m.registerAction();
-  }, [t, r, n, m.isAvailable, m.registerAction]), !t || !m.isAvailable ? /* @__PURE__ */ e(Pe, { onClick: o, ...h, children: a }) : m.hasPermission() ? /* @__PURE__ */ e(Pe, { onClick: o, ...h, children: a }) : /* @__PURE__ */ e(Fe, { children: d });
-}, sr = ({
+  const f = ge();
+  return Be.useEffect(() => {
+    n && t && r && f.isAvailable && f.registerAction();
+  }, [t, r, n, f.isAvailable, f.registerAction]), !t || !f.isAvailable ? /* @__PURE__ */ e(Ue, { onClick: o, ...u, children: a }) : f.hasPermission() ? /* @__PURE__ */ e(Ue, { onClick: o, ...u, children: a }) : /* @__PURE__ */ e(Ee, { children: d });
+}, mr = ({
   actionName: t,
   actionDescription: r,
   children: a,
@@ -42,104 +42,104 @@ const kt = {
   onClick: n,
   ...o
 }) => {
-  const [h, m] = Ie.useState(null), [T, v] = Ie.useState(!1);
-  return Ie.useEffect(() => {
+  const [u, f] = Be.useState(null), [T, v] = Be.useState(!1);
+  return Be.useEffect(() => {
     if (!t) {
-      m(/* @__PURE__ */ e(Pe, { onClick: n, ...o, children: a }));
+      f(/* @__PURE__ */ e(Ue, { onClick: n, ...o, children: a }));
       return;
     }
-    v(!1), m(/* @__PURE__ */ e(Pe, { onClick: n, ...o, children: a }));
-  }, [t, r, a, d, o]), /* @__PURE__ */ e(Fe, { children: h });
-}, ve = ({
+    v(!1), f(/* @__PURE__ */ e(Ue, { onClick: n, ...o, children: a }));
+  }, [t, r, a, d, o]), /* @__PURE__ */ e(Ee, { children: u });
+}, Ae = ({
   children: t
-}) => /* @__PURE__ */ e(Fe, { children: t }), ar = (t) => Ce(() => ({
+}) => /* @__PURE__ */ e(Ee, { children: t }), pr = (t) => be(() => ({
   shouldWrap: !1,
   isSecurityAvailable: !1,
   hasResourceName: !!t
 }), [t]);
-function cr({
+function gr({
   innerRef: t,
   title: r,
   isError: a = !1,
   isCanceling: d = !1,
   isSaving: n = !1,
   error: o = "",
-  clearError: h = () => {
+  clearError: u = () => {
   },
-  autoCloseAlertError: m = 15e3,
+  autoCloseAlertError: f = 15e3,
   width: T = "100%",
   height: v = "100%",
-  withBorder: O = !0,
+  withBorder: ee = !0,
   children: l,
   radius: c,
-  variant: q,
+  variant: M,
   footerAlign: A = "left",
-  footerContent: D,
-  dataSource: f,
+  footerContent: V,
+  dataSource: h,
   onSave: B,
-  onCancel: W,
-  onBeforeSave: N,
-  onAfterSave: Y,
+  onCancel: q,
+  onBeforeSave: P,
+  onAfterSave: X,
   onBeforeCancel: b,
   onAfterCancel: x,
   onError: y,
   // Props de segurança (opcionais)
-  resourceName: Z,
-  resourceDescription: K,
-  requiredPermissions: P,
+  resourceName: Y,
+  resourceDescription: _,
+  requiredPermissions: S,
   fallbackComponent: E,
   securityOptions: F,
-  ...G
+  ...N
 }) {
-  const w = xe(), [$, R] = te(a), [re, Q] = te(o), M = at();
-  me({
+  const w = we(), [G, R] = te(a), [re, H] = te(o), k = ut();
+  ge({
     autoRegisterActions: F?.autoRegisterActions ?? !0
   });
-  const V = De(
+  const D = Se(
     "ArchbaseFormTemplate",
-    f,
+    h,
     void 0,
     void 0
   );
-  Ze({
-    dataSource: f,
+  et({
+    dataSource: h,
     listener: (I) => {
-      I.type === fe.onError && (R(!0), Q(I.error)), (I.type === fe.afterEdit || I.type === fe.afterInsert) && (V.isDataSourceV2 || M());
+      I.type === pe.onError && (R(!0), H(I.error)), (I.type === pe.afterEdit || I.type === pe.afterInsert) && (D.isDataSourceV2 || k());
     }
   });
-  const U = Ct(), _ = async (I) => {
+  const $ = Dt(), J = async (I) => {
     try {
-      B ? B(I) : (N && await N(I), f.isBrowsing() || f.save().then(() => {
-        U?.clearAll(), Y && Y(I);
-      }).catch((ee) => {
-        y && y(ae(ee)), R(!0), Q(ae(ee));
+      B ? B(I) : (P && await P(I), h.isBrowsing() || h.save().then(() => {
+        $?.clearAll(), X && X(I);
+      }).catch((Z) => {
+        y && y(de(Z)), R(!0), H(de(Z));
       }));
-    } catch (ee) {
-      y && y(ae(ee)), R(!0), Q(ae(ee));
+    } catch (Z) {
+      y && y(de(Z)), R(!0), H(de(Z));
     }
-  }, J = () => {
+  }, U = () => {
     try {
-      W ? W() : (b && b(), f.isBrowsing() || f.cancel(), U?.clearAll(), x && x());
+      q ? q() : (b && b(), h.isBrowsing() || h.cancel(), $?.clearAll(), x && x());
     } catch (I) {
-      y && y(ae(I)), R(!0), Q(ae(I));
+      y && y(de(I)), R(!0), H(de(I));
     }
-  }, X = () => {
-    h && h(), R(!1), Q("");
+  }, W = () => {
+    u && u(), R(!1), H("");
   };
   return /* @__PURE__ */ e(
-    ve,
+    Ae,
     {
-      resourceName: Z,
-      resourceDescription: K,
-      requiredPermissions: P,
+      resourceName: Y,
+      resourceDescription: _,
+      requiredPermissions: S,
       fallbackComponent: E,
       onSecurityReady: F?.onSecurityReady,
       onAccessDenied: F?.onAccessDenied,
-      children: /* @__PURE__ */ e(dt, { children: /* @__PURE__ */ C(
-        Je,
+      children: /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ C(
+        We,
         {
           ref: t,
-          withBorder: O,
+          withBorder: ee,
           radius: c,
           style: {
             width: T,
@@ -149,22 +149,22 @@ function cr({
             padding: 4
           },
           children: [
-            $ && /* @__PURE__ */ e(Se, { style: { flexShrink: 0 }, children: /* @__PURE__ */ e(
-              $e,
+            G && /* @__PURE__ */ e(Ne, { style: { flexShrink: 0 }, children: /* @__PURE__ */ e(
+              Le,
               {
-                autoClose: m,
+                autoClose: f,
                 withCloseButton: !0,
                 withBorder: !0,
-                icon: /* @__PURE__ */ e(Ge, { size: "1.4rem" }),
-                title: p().t("WARNING"),
+                icon: /* @__PURE__ */ e(je, { size: "1.4rem" }),
+                title: m().t("WARNING"),
                 titleColor: "rgb(250, 82, 82)",
-                variant: q ?? w.variant,
-                onClose: X,
+                variant: M ?? w.variant,
+                onClose: W,
                 children: /* @__PURE__ */ e("span", { children: re })
               }
             ) }),
             /* @__PURE__ */ C(
-              it,
+              st,
               {
                 style: {
                   flex: 1,
@@ -173,13 +173,13 @@ function cr({
                   padding: "calc(0.625rem / 2)"
                 },
                 children: [
-                  /* @__PURE__ */ e(ot, { visible: d || n, opacity: 0.3 }),
+                  /* @__PURE__ */ e(at, { visible: d || n, opacity: 0.3 }),
                   l
                 ]
               }
             ),
             /* @__PURE__ */ C(
-              Se,
+              Ne,
               {
                 style: {
                   flexShrink: 0,
@@ -190,46 +190,46 @@ function cr({
                   gap: "1rem"
                 },
                 children: [
-                  A === "right" && D && /* @__PURE__ */ e(Se, { style: { flex: 1 }, children: D }),
-                  f && !f.isBrowsing() ? /* @__PURE__ */ C(ge, { gap: "md", children: [
+                  A === "right" && V && /* @__PURE__ */ e(Ne, { style: { flex: 1 }, children: V }),
+                  h && !h.isBrowsing() ? /* @__PURE__ */ C(ve, { gap: "md", children: [
                     /* @__PURE__ */ e(
-                      ie,
+                      ne,
                       {
                         actionName: "save",
-                        actionDescription: `Salvar ${K || "registro"}`,
-                        leftSection: /* @__PURE__ */ e(yt, {}),
-                        onClick: () => _(f.getCurrentRecord()),
-                        disabled: f && f.isBrowsing(),
-                        variant: q ?? w.variant,
+                        actionDescription: `Salvar ${_ || "registro"}`,
+                        leftSection: /* @__PURE__ */ e(Vt, {}),
+                        onClick: () => J(h.getCurrentRecord()),
+                        disabled: h && h.isBrowsing(),
+                        variant: M ?? w.variant,
                         color: "green",
-                        children: `${p().t("Ok")}`
+                        children: `${m().t("Ok")}`
                       }
                     ),
                     /* @__PURE__ */ e(
-                      ie,
+                      ne,
                       {
                         actionName: "cancel",
                         actionDescription: "Cancelar operação",
-                        leftSection: /* @__PURE__ */ e(Te, {}),
-                        onClick: J,
-                        disabled: f && f.isBrowsing(),
-                        variant: q ?? w.variant,
+                        leftSection: /* @__PURE__ */ e(Pe, {}),
+                        onClick: U,
+                        disabled: h && h.isBrowsing(),
+                        variant: M ?? w.variant,
                         color: "red",
-                        children: `${p().t("Cancel")}`
+                        children: `${m().t("Cancel")}`
                       }
                     )
-                  ] }) : /* @__PURE__ */ e(ge, { gap: "md", children: /* @__PURE__ */ e(
-                    ie,
+                  ] }) : /* @__PURE__ */ e(ve, { gap: "md", children: /* @__PURE__ */ e(
+                    ne,
                     {
                       actionName: "close",
                       actionDescription: "Fechar formulário",
-                      leftSection: /* @__PURE__ */ e(Te, {}),
-                      onClick: J,
-                      variant: q ?? w.variant,
-                      children: `${p().t("Close")}`
+                      leftSection: /* @__PURE__ */ e(Pe, {}),
+                      onClick: U,
+                      variant: M ?? w.variant,
+                      children: `${m().t("Close")}`
                     }
                   ) }),
-                  (A === "left" || A === "center") && D && /* @__PURE__ */ e(Se, { style: { flex: A === "left" ? 1 : 0, textAlign: "right" }, children: D })
+                  (A === "left" || A === "center") && V && /* @__PURE__ */ e(Ne, { style: { flex: A === "left" ? 1 : 0, textAlign: "right" }, children: V })
                 ]
               }
             )
@@ -239,177 +239,177 @@ function cr({
     }
   );
 }
-function dr({
+function xr({
   title: t,
   withOverlay: r = !0,
   overlayProps: a,
   children: d,
   withCloseButton: n = !0,
   closeButtonProps: o,
-  opened: h,
-  fullScreen: m,
+  opened: u,
+  fullScreen: f,
   centered: T,
   variant: v,
-  closeOnEscape: O = !0,
+  closeOnEscape: ee = !0,
   size: l,
   dataSource: c,
-  height: q,
+  height: M,
   userActions: A,
-  onAfterSave: D,
-  onClickOk: f,
+  onAfterSave: V,
+  onClickOk: h,
   onClickCancel: B,
-  onBeforeOk: W,
-  onCustomSave: N,
-  isError: Y,
+  onBeforeOk: q,
+  onCustomSave: P,
+  isError: X,
   error: b = "",
   clearError: x = () => {
   },
   onError: y,
-  autoCloseAlertError: Z = 15e3,
-  loadingOverlayStyles: K,
+  autoCloseAlertError: Y = 15e3,
+  loadingOverlayStyles: _,
   // Props de segurança (opcionais)
-  resourceName: P,
+  resourceName: S,
   resourceDescription: E,
   requiredPermissions: F,
-  fallbackComponent: G,
+  fallbackComponent: N,
   securityOptions: w,
-  ...$
+  ...G
 }) {
-  const R = xe(), re = Ye(), { colorScheme: Q } = He(), [M, V] = te(Y), [U, _] = te(b), [J, X] = te(!1), I = at();
-  me({
+  const R = we(), re = Oe(), { colorScheme: H } = Ke(), [k, D] = te(X), [$, J] = te(b), [U, W] = te(!1), I = ut();
+  ge({
     resourceDescription: E || t?.toString(),
     autoRegisterActions: w?.autoRegisterActions ?? !0
   });
-  const ee = De(
+  const Z = Se(
     "ArchbaseFormModalTemplate",
     c,
     void 0,
     void 0
   );
-  Ze({
+  et({
     dataSource: c,
-    listener: (j) => {
-      j.type === fe.onError && (V(!0), _(j.error)), (j.type === fe.afterEdit || j.type === fe.afterInsert) && (ee.isDataSourceV2 || I());
+    listener: (K) => {
+      K.type === pe.onError && (D(!0), J(K.error)), (K.type === pe.afterEdit || K.type === pe.afterInsert) && (Z.isDataSourceV2 || I());
     }
   });
-  const ue = async () => {
+  const fe = async () => {
     if (c && !c.isBrowsing())
       try {
-        X(!0), await c.save(), D && D(c.getCurrentRecord());
-      } catch (j) {
-        return y && y(ae(j)), V(!0), _(ae(j)), X(!1), !1;
+        W(!0), await c.save(), V && V(c.getCurrentRecord());
+      } catch (K) {
+        return y && y(de(K)), D(!0), J(de(K)), W(!1), !1;
       }
-    return X(!1), !0;
+    return W(!1), !0;
   }, s = () => {
     if (c && !c.isBrowsing())
       try {
         c.cancel();
       } catch {
       }
-  }, H = async () => {
-    if (N)
-      c && N(c.getCurrentRecord(), () => {
-        f && f();
+  }, z = async () => {
+    if (P)
+      c && P(c.getCurrentRecord(), () => {
+        h && h();
       });
-    else if (W) {
-      const j = W(c.getCurrentRecord());
-      j instanceof Promise && j.then(async () => {
-        await ue() && f && f();
-      }).catch((be) => {
-        y && y(ae(be)), V(!0), _(ae(be));
+    else if (q) {
+      const K = q(c.getCurrentRecord());
+      K instanceof Promise && K.then(async () => {
+        await fe() && h && h();
+      }).catch((ye) => {
+        y && y(de(ye)), D(!0), J(de(ye));
       });
     } else
-      await ue() && f && f();
-  }, S = () => {
+      await fe() && h && h();
+  }, O = () => {
     s(), B && B();
+  }, ie = () => {
+    gt.showWarning(m().t("archbase:Click on Ok or Cancel to close"));
   }, oe = () => {
-    ft.showWarning(p().t("archbase:Click on Ok or Cancel to close"));
-  }, pe = () => {
-    x && x(), V(!1), _("");
+    x && x(), D(!1), J("");
   };
   return /* @__PURE__ */ e(
-    ve,
+    Ae,
     {
-      resourceName: P,
+      resourceName: S,
       resourceDescription: E,
       requiredPermissions: F,
-      fallbackComponent: G,
+      fallbackComponent: N,
       onSecurityReady: w?.onSecurityReady,
       onAccessDenied: w?.onAccessDenied,
       children: /* @__PURE__ */ e(
-        lt,
+        ct,
         {
           title: t,
           withOverlay: r,
           overlayProps: a || {
-            color: Q === "dark" ? re.colors.dark[7] : re.colors.gray[6],
+            color: H === "dark" ? re.colors.dark[7] : re.colors.gray[6],
             opacity: 0.25
           },
           withCloseButton: n,
           closeButtonProps: o,
-          onClose: oe,
-          opened: h,
-          fullScreen: m,
+          onClose: ie,
+          opened: u,
+          fullScreen: f,
           centered: T,
-          closeOnEscape: O,
+          closeOnEscape: ee,
           size: l,
-          ...$,
-          children: /* @__PURE__ */ C(dt, { children: [
-            /* @__PURE__ */ e(ot, { styles: K, visible: J, opacity: 0.8 }),
-            /* @__PURE__ */ C(Oe, { height: q, children: [
-              M ? /* @__PURE__ */ e(pt, { size: "100px", children: /* @__PURE__ */ e(
-                $e,
+          ...G,
+          children: /* @__PURE__ */ C(ft, { children: [
+            /* @__PURE__ */ e(at, { styles: _, visible: U, opacity: 0.8 }),
+            /* @__PURE__ */ C(tt, { height: M, children: [
+              k ? /* @__PURE__ */ e(vt, { size: "100px", children: /* @__PURE__ */ e(
+                Le,
                 {
-                  autoClose: Z,
+                  autoClose: Y,
                   withCloseButton: !0,
                   withBorder: !0,
-                  icon: /* @__PURE__ */ e(Ge, { size: "1.4rem" }),
-                  title: p().t("WARNING"),
+                  icon: /* @__PURE__ */ e(je, { size: "1.4rem" }),
+                  title: m().t("WARNING"),
                   titleColor: "rgb(250, 82, 82)",
                   variant: v ?? R.variant,
-                  onClose: pe,
-                  children: /* @__PURE__ */ e("span", { children: U })
+                  onClose: oe,
+                  children: /* @__PURE__ */ e("span", { children: $ })
                 }
               ) }) : null,
-              /* @__PURE__ */ e(et, { children: /* @__PURE__ */ e(gt, { children: d }) }),
-              /* @__PURE__ */ e(tt, { size: "40px", children: /* @__PURE__ */ C(ce, { justify: "space-between", align: "center", children: [
-                /* @__PURE__ */ e(ge, { children: A }),
-                c && !c.isBrowsing() ? /* @__PURE__ */ C(ge, { gap: "md", children: [
+              /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(bt, { children: d }) }),
+              /* @__PURE__ */ e(nt, { size: "40px", children: /* @__PURE__ */ C(ue, { justify: "space-between", align: "center", children: [
+                /* @__PURE__ */ e(ve, { children: A }),
+                c && !c.isBrowsing() ? /* @__PURE__ */ C(ve, { gap: "md", children: [
                   /* @__PURE__ */ e(
-                    ie,
+                    ne,
                     {
                       actionName: "save",
                       actionDescription: `Salvar ${E || t || "registro"}`,
-                      leftSection: /* @__PURE__ */ e(ct, {}),
-                      onClick: H,
+                      leftSection: /* @__PURE__ */ e(ht, {}),
+                      onClick: z,
                       disabled: c && c.isBrowsing(),
                       variant: v ?? R.variant,
                       color: "green",
-                      children: `${p().t("Ok")}`
+                      children: `${m().t("Ok")}`
                     }
                   ),
                   /* @__PURE__ */ e(
-                    ie,
+                    ne,
                     {
                       actionName: "cancel",
                       actionDescription: "Cancelar operação",
-                      leftSection: /* @__PURE__ */ e(Te, {}),
-                      onClick: S,
+                      leftSection: /* @__PURE__ */ e(Pe, {}),
+                      onClick: O,
                       disabled: c && c.isBrowsing(),
                       variant: v ?? R.variant,
                       color: "red",
-                      children: `${p().t("Cancel")}`
+                      children: `${m().t("Cancel")}`
                     }
                   )
-                ] }) : /* @__PURE__ */ e(ge, { gap: "md", children: /* @__PURE__ */ e(
-                  ie,
+                ] }) : /* @__PURE__ */ e(ve, { gap: "md", children: /* @__PURE__ */ e(
+                  ne,
                   {
                     actionName: "close",
                     actionDescription: "Fechar janela",
-                    leftSection: /* @__PURE__ */ e(Te, {}),
-                    onClick: S,
+                    leftSection: /* @__PURE__ */ e(Pe, {}),
+                    onClick: O,
                     variant: v ?? R.variant,
-                    children: `${p().t("Close")}`
+                    children: `${m().t("Close")}`
                   }
                 ) })
               ] }) })
@@ -420,96 +420,96 @@ function dr({
     }
   );
 }
-function ur({
+function vr({
   title: t,
   withOverlay: r = !0,
   overlayProps: a,
   children: d,
   withCloseButton: n = !0,
   closeButtonProps: o,
-  opened: h,
-  fullScreen: m,
+  opened: u,
+  fullScreen: f,
   centered: T,
   variant: v,
-  closeOnEscape: O = !0,
+  closeOnEscape: ee = !0,
   size: l,
   height: c,
-  onlyOkButton: q = !1,
+  onlyOkButton: M = !1,
   onClose: A,
-  onClickOk: D,
-  onClickCancel: f,
+  onClickOk: V,
+  onClickCancel: h,
   userActions: B,
   // Props de segurança (opcionais)
-  resourceName: W,
-  resourceDescription: N,
-  requiredPermissions: Y,
+  resourceName: q,
+  resourceDescription: P,
+  requiredPermissions: X,
   fallbackComponent: b,
   securityOptions: x
 }) {
-  const y = xe(), Z = Ye(), { colorScheme: K } = He();
-  me({
+  const y = we(), Y = Oe(), { colorScheme: _ } = Ke();
+  ge({
     autoRegisterActions: x?.autoRegisterActions ?? !0
   });
-  const P = () => {
-    D && D(), A();
+  const S = () => {
+    V && V(), A();
   }, E = () => {
-    f && f(), A();
+    h && h(), A();
   }, F = () => {
-    ft.showWarning(p().t("Click on Ok or Cancel to close"));
+    gt.showWarning(m().t("Click on Ok or Cancel to close"));
   };
   return /* @__PURE__ */ e(
-    ve,
+    Ae,
     {
-      resourceName: W,
-      resourceDescription: N,
-      requiredPermissions: Y,
+      resourceName: q,
+      resourceDescription: P,
+      requiredPermissions: X,
       fallbackComponent: b,
       onSecurityReady: x?.onSecurityReady,
       onAccessDenied: x?.onAccessDenied,
       children: /* @__PURE__ */ e(
-        lt,
+        ct,
         {
           title: t,
           withOverlay: r,
           overlayProps: a || {
-            color: K === "dark" ? Z.colors.dark[7] : Z.colors.gray[6],
+            color: _ === "dark" ? Y.colors.dark[7] : Y.colors.gray[6],
             opacity: 0.25
           },
           withCloseButton: n,
           closeButtonProps: o,
           onClose: F,
-          opened: h,
-          fullScreen: m,
+          opened: u,
+          fullScreen: f,
           centered: T,
-          closeOnEscape: O,
+          closeOnEscape: ee,
           size: l,
-          children: /* @__PURE__ */ C(Oe, { height: c, children: [
-            /* @__PURE__ */ e(et, { children: /* @__PURE__ */ e(gt, { children: d }) }),
-            /* @__PURE__ */ e(tt, { size: "40px", children: /* @__PURE__ */ C(ce, { justify: "space-between", align: "center", children: [
-              /* @__PURE__ */ e(ge, { children: B }),
-              /* @__PURE__ */ C(ge, { gap: "md", children: [
+          children: /* @__PURE__ */ C(tt, { height: c, children: [
+            /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(bt, { children: d }) }),
+            /* @__PURE__ */ e(nt, { size: "40px", children: /* @__PURE__ */ C(ue, { justify: "space-between", align: "center", children: [
+              /* @__PURE__ */ e(ve, { children: B }),
+              /* @__PURE__ */ C(ve, { gap: "md", children: [
                 /* @__PURE__ */ e(
-                  ie,
+                  ne,
                   {
                     actionName: "save",
-                    actionDescription: `Salvar ${N || "registro"}`,
-                    leftSection: /* @__PURE__ */ e(ct, {}),
-                    onClick: P,
+                    actionDescription: `Salvar ${P || "registro"}`,
+                    leftSection: /* @__PURE__ */ e(ht, {}),
+                    onClick: S,
                     variant: v ?? y.variant,
                     color: "green",
-                    children: `${p().t("Ok")}`
+                    children: `${m().t("Ok")}`
                   }
                 ),
-                q ? null : /* @__PURE__ */ e(
-                  ie,
+                M ? null : /* @__PURE__ */ e(
+                  ne,
                   {
                     actionName: "cancel",
                     actionDescription: "Cancelar operação",
-                    leftSection: /* @__PURE__ */ e(Te, {}),
+                    leftSection: /* @__PURE__ */ e(Pe, {}),
                     onClick: E,
                     variant: v ?? y.variant,
                     color: "red",
-                    children: f ? `${p().t("Cancel")}` : `${p().t("Close")}`
+                    children: h ? `${m().t("Cancel")}` : `${m().t("Close")}`
                   }
                 )
               ] })
@@ -520,7 +520,7 @@ function ur({
     }
   );
 }
-const zt = (t, r, a) => {
+const Kt = (t, r, a) => {
   if (!t || !r || !r.existsValue(`${t.viewName}_${t.componentName}`)) {
     let d = -1, n;
     return a && a.getFilters().length > 0 && (d = 0, n = JSON.parse(a.getFirstFilter()?.filter)), {
@@ -531,169 +531,178 @@ const zt = (t, r, a) => {
   }
   return r.getValue(`${t.viewName}_${t.componentName}`);
 };
-function qt(t, r) {
+function Qt(t, r) {
   const {
     title: a,
     printTitle: d,
     dataSource: n,
     filterOptions: o,
-    pageSize: h = 15,
-    pageIndex: m = 0,
+    pageSize: u = 15,
+    pageIndex: f = 0,
     columns: T,
     filterFields: v,
-    logoPrint: O,
+    logoPrint: ee,
     userActions: l,
     userRowActions: c,
-    customRenderRowActions: q,
+    customRenderRowActions: M,
     innerRef: A,
-    isLoading: D = !1,
-    isLoadingFilter: f = !1,
+    isLoading: V = !1,
+    isLoadingFilter: h = !1,
     isError: B = !1,
-    enableTopToolbar: W = !0,
-    enableTopToolbarActions: N = !0,
-    error: Y = "",
+    enableTopToolbar: q = !0,
+    enableTopToolbarActions: P = !0,
+    error: X = "",
     clearError: b = () => {
     },
     filterType: x,
     width: y = "100%",
-    height: Z = "100%",
-    onSearchByFilter: K,
-    getRowId: P,
+    height: Y = "100%",
+    onSearchByFilter: _,
+    getRowId: S,
     withBorder: E = !0,
     filterPersistenceDelegator: F,
-    variant: G,
+    variant: N,
     store: w,
-    cellPadding: $,
+    cellPadding: G,
     bottomToolbarMinHeight: R,
     enableRowSelection: re = !0,
-    enableRowNumbers: Q = !0,
-    enableRowActions: M = !0,
-    positionActionsColumn: V = "first",
-    tableHeadCellPadding: U,
-    renderDetailPanel: _,
-    renderTopToolbar: J,
-    toolbarAlignment: X = "right",
-    toolbarLeftContent: I,
-    onSelectedRowsChanged: ee,
-    onCellDoubleClick: ue,
-    paginationLabels: s,
+    enableRowNumbers: H = !0,
+    enableRowActions: k = !0,
+    positionActionsColumn: D = "first",
+    actionsColumnWidth: $,
+    tableHeadCellPadding: J,
+    renderDetailPanel: U,
+    renderTopToolbar: W,
+    toolbarAlignment: I = "right",
+    toolbarLeftContent: Z,
+    onSelectedRowsChanged: fe,
+    onCellDoubleClick: s,
+    onFilterModelChange: z,
+    paginationLabels: O,
     // Props de segurança (opcionais)
-    resourceName: H,
-    resourceDescription: S,
-    requiredPermissions: oe,
-    fallbackComponent: pe,
-    securityOptions: j
-  } = t, be = se(null), L = se(null);
-  Ye();
-  const { colorScheme: Ve } = He();
-  me({
-    autoRegisterActions: j?.autoRegisterActions ?? !0
+    resourceName: ie,
+    resourceDescription: oe,
+    requiredPermissions: K,
+    fallbackComponent: ye,
+    securityOptions: xe,
+    // Props para controle de bordas internas
+    withToolbarBorder: Ie,
+    withPaginationBorder: Me,
+    toolbarPadding: ke,
+    paginationPadding: ze,
+    rowHeight: qe
+  } = t, _e = ae(null), j = ae(null);
+  Oe();
+  const { colorScheme: lt } = Ke();
+  ge({
+    autoRegisterActions: xe?.autoRegisterActions ?? !0
   });
-  const we = De(
+  const Ce = Se(
     "ArchbaseGridTemplate",
     n,
     void 0,
     void 0
   );
-  It(r, () => ({
+  Nt(r, () => ({
     refreshData: () => {
-      L.current && L.current.refreshData();
+      j.current && j.current.refreshData();
     },
-    getSelectedRows: () => L.current ? L.current.getSelectedRows() : [],
+    getSelectedRows: () => j.current ? j.current.getSelectedRows() : [],
     clearSelection: () => {
-      L.current && L.current.clearSelection();
+      j.current && j.current.clearSelection();
     },
     exportData: () => {
-      L.current && L.current.exportData();
+      j.current && j.current.exportData();
     },
     printData: () => {
-      L.current && L.current.printData();
+      j.current && j.current.printData();
     },
-    getDataGridRef: () => L
-  }), [L]);
-  const [k, Ae] = te({
+    getDataGridRef: () => j,
+    getFilterModel: () => j.current ? j.current.getFilterModel() : { items: [], quickFilterValues: [] }
+  }), [j]);
+  const [L, Fe] = te({
     activeFilterIndex: -1,
     currentFilter: void 0,
     expandedFilter: !1
   });
-  ut(() => {
-    const u = zt(o, w, F);
-    Ae(u);
-  }, [f]);
-  const Ue = (u) => {
-    if (q)
-      return q(u);
+  mt(() => {
+    const g = Kt(o, w, F);
+    Fe(g);
+  }, [h]);
+  const He = (g) => {
+    if (M)
+      return M(g);
     if (!c || !c.actions)
       return;
-    const ne = c.actions;
+    const ce = c.actions;
     return /* @__PURE__ */ e(
-      ne,
+      ce,
       {
-        onEditRow: c.onEditRow ? (z) => c.onEditRow && c.onEditRow(z) : void 0,
-        onRemoveRow: c.onRemoveRow ? (z) => c.onRemoveRow && c.onRemoveRow(z) : void 0,
-        onViewRow: c.onViewRow ? (z) => c.onViewRow && c.onViewRow(z) : void 0,
-        row: u,
-        variant: G ?? de.variant
+        onEditRow: c.onEditRow ? (Q) => c.onEditRow && c.onEditRow(Q) : void 0,
+        onRemoveRow: c.onRemoveRow ? (Q) => c.onRemoveRow && c.onRemoveRow(Q) : void 0,
+        onViewRow: c.onViewRow ? (Q) => c.onViewRow && c.onViewRow(Q) : void 0,
+        row: g,
+        variant: N ?? he.variant
       }
     );
-  }, de = xe(), ye = se(null);
-  Ie.useEffect(() => {
-    A && A.current !== ye.current && A.current && ye.current && (A.current = ye.current);
+  }, he = we(), Re = ae(null), Je = be(() => Z, [Z]);
+  Be.useEffect(() => {
+    A && A.current !== Re.current && A.current && Re.current && (A.current = Re.current);
   }, [A]);
-  const je = (u, ne) => {
-    const z = { ...k, currentFilter: u, activeFilterIndex: ne };
-    Ae(z), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, z);
-  }, Le = (u) => {
-    const ne = { ...k, expandedFilter: u };
-    Ae(ne), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, ne);
-  }, ke = (u, ne) => {
-    const z = { ...k, currentFilter: u, activeFilterIndex: ne };
-    Ae(z), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, z);
-  }, ze = () => {
-    if (k.currentFilter)
-      if (K)
-        K();
-      else if (k.currentFilter.filter.filterType === "quick") {
-        const u = n.getOptions();
-        k.currentFilter.filter.quickFilterText && k.currentFilter.filter.quickFilterText !== "" ? (u.filter = JSON.stringify({
-          search: k.currentFilter.filter.quickFilterText,
-          fields: k.currentFilter.filter.quickFilterFieldsText
-        }), u.sort = k.currentFilter.sort.quickFilterSort ? k.currentFilter.sort.quickFilterSort.split(",") : []) : (u.filter = void 0, u.sort = void 0), n.refreshData(u), we.isDataSourceV2 || we.v1State.forceUpdate();
+  const i = (g, ce) => {
+    const Q = { ...L, currentFilter: g, activeFilterIndex: ce };
+    Fe(Q), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, Q);
+  }, p = (g) => {
+    const ce = { ...L, expandedFilter: g };
+    Fe(ce), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, ce);
+  }, le = (g, ce) => {
+    const Q = { ...L, currentFilter: g, activeFilterIndex: ce };
+    Fe(Q), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, Q);
+  }, se = () => {
+    if (L.currentFilter)
+      if (_)
+        _();
+      else if (L.currentFilter.filter.filterType === "quick") {
+        const g = n.getOptions();
+        L.currentFilter.filter.quickFilterText && L.currentFilter.filter.quickFilterText !== "" ? (g.filter = JSON.stringify({
+          search: L.currentFilter.filter.quickFilterText,
+          fields: L.currentFilter.filter.quickFilterFieldsText
+        }), g.sort = L.currentFilter.sort.quickFilterSort ? L.currentFilter.sort.quickFilterSort.split(",") : []) : (g.filter = void 0, g.sort = void 0), n.refreshData(g), Ce.isDataSourceV2 || Ce.v1State.forceUpdate();
       } else {
-        const u = Ut(k.currentFilter);
-        if (u && u.expressionNode) {
-          const ne = Ft(u.expressionNode), z = n.getOptions();
-          z.filter = ne, z.sort = u?.sortStrings, n.refreshData(z), we.isDataSourceV2 || we.v1State.forceUpdate();
+        const g = _t(L.currentFilter);
+        if (g && g.expressionNode) {
+          const ce = Bt(g.expressionNode), Q = n.getOptions();
+          Q.filter = ce, Q.sort = g?.sortStrings, n.refreshData(Q), Ce.isDataSourceV2 || Ce.v1State.forceUpdate();
         }
       }
   };
-  let Re, Ee;
-  const qe = (u) => {
-    Re = u;
-  }, Me = (u) => {
-    Ee = u;
-  }, i = () => {
-    Ee && Ee();
-  }, g = () => {
-    Re && Re();
-  }, le = () => x === "none" ? /* @__PURE__ */ e("div", {}) : x === "advanced" ? /* @__PURE__ */ e(
-    rt,
+  let Te, Ve;
+  const De = (g) => {
+    Te = g;
+  }, At = (g) => {
+    Ve = g;
+  }, yt = () => {
+    Ve && Ve();
+  }, Ct = () => {
+    Te && Te();
+  }, Ft = () => x === "none" ? /* @__PURE__ */ e("div", {}) : x === "advanced" ? /* @__PURE__ */ e(
+    it,
     {
       id: o?.componentName,
       viewName: o?.viewName,
       apiVersion: o?.apiVersion,
-      ref: be,
-      variant: G ?? de.variant,
-      expandedFilter: k.expandedFilter,
+      ref: _e,
+      variant: N ?? he.variant,
+      expandedFilter: L.expandedFilter,
       persistenceDelegator: F,
-      currentFilter: k.currentFilter,
-      activeFilterIndex: k.activeFilterIndex,
-      onSelectedFilter: ke,
-      onFilterChanged: je,
-      onSearchByFilter: ze,
-      onToggleExpandedFilter: Le,
-      onExport: i,
-      onPrint: g,
+      currentFilter: L.currentFilter,
+      activeFilterIndex: L.activeFilterIndex,
+      onSelectedFilter: le,
+      onFilterChanged: i,
+      onSearchByFilter: se,
+      onToggleExpandedFilter: p,
+      onExport: yt,
+      onPrint: Ct,
       showExportButton: !0,
       showPrintButton: !0,
       width: "560px",
@@ -702,127 +711,134 @@ function qt(t, r) {
     }
   ) : x === "normal" ? /* @__PURE__ */ e("div", {}) : /* @__PURE__ */ e("div", {});
   return /* @__PURE__ */ e(
-    ve,
+    Ae,
     {
-      resourceName: H,
-      resourceDescription: S,
-      requiredPermissions: oe,
-      fallbackComponent: pe,
-      onSecurityReady: j?.onSecurityReady,
-      onAccessDenied: j?.onAccessDenied,
-      children: /* @__PURE__ */ C(Je, { withBorder: E, ref: ye, style: { overflow: "none", height: "calc(100% - 4px)" }, children: [
+      resourceName: ie,
+      resourceDescription: oe,
+      requiredPermissions: K,
+      fallbackComponent: ye,
+      onSecurityReady: xe?.onSecurityReady,
+      onAccessDenied: xe?.onAccessDenied,
+      children: /* @__PURE__ */ C(We, { withBorder: E, ref: Re, style: { height: "calc(100% - 4px)" }, children: [
         B ? /* @__PURE__ */ e(
-          $e,
+          Le,
           {
             autoClose: 2e4,
             withCloseButton: !0,
             withBorder: !0,
-            icon: /* @__PURE__ */ e(Ge, { size: "1.4rem" }),
-            title: p().t("archbase:WARNING"),
+            icon: /* @__PURE__ */ e(je, { size: "1.4rem" }),
+            title: m().t("archbase:WARNING"),
             titleColor: "rgb(250, 82, 82)",
-            variant: G ?? de.variant,
+            variant: N ?? he.variant,
             onClose: () => b && b(),
-            children: /* @__PURE__ */ e("span", { children: Y })
+            children: /* @__PURE__ */ e("span", { children: X })
           }
         ) : null,
         /* @__PURE__ */ C(
-          St,
+          jt,
           {
-            gridRef: L,
+            gridRef: j,
             printTitle: d || a,
-            logoPrint: O,
+            logoPrint: ee,
             width: y,
-            height: Z,
+            height: Y,
             withBorder: E,
             dataSource: n,
             enableColumnResizing: !0,
-            enableRowNumbers: Q,
+            enableRowNumbers: H,
             enableRowSelection: re,
-            enableRowActions: M,
-            enableTopToolbar: W,
-            enableTopToolbarActions: N,
+            enableRowActions: k,
+            enableTopToolbar: q,
+            enableTopToolbarActions: P,
             manualPagination: !0,
             manualSorting: !0,
-            isLoading: D,
-            pageSize: h,
-            pageIndex: m,
+            isLoading: V,
+            pageSize: u,
+            pageIndex: f,
             allowColumnFilters: x !== "none",
             enableGlobalFilter: x !== "none",
             renderToolbarInternalActions: x == "none" ? () => /* @__PURE__ */ e("div", {}) : void 0,
             allowExportData: !0,
             allowPrintData: !0,
-            onSelectedRowsChanged: ee,
-            onCellDoubleClick: ue,
-            renderRowActions: M ? Ue : void 0,
-            positionActionsColumn: V,
-            toolbarAlignment: X,
-            toolbarLeftContent: I,
-            renderToolbarActions: x === "advanced" || x === "none" ? le : void 0,
-            paginationLabels: s,
-            cellPadding: $,
+            onSelectedRowsChanged: fe,
+            onCellDoubleClick: s,
+            onFilterModelChange: z,
+            renderRowActions: k ? He : void 0,
+            positionActionsColumn: D,
+            actionsColumnWidth: $,
+            toolbarAlignment: I,
+            toolbarLeftContent: Je,
+            renderToolbarActions: x === "advanced" || x === "none" ? Ft : void 0,
+            paginationLabels: O,
+            cellPadding: G,
             bottomToolbarMinHeight: R,
-            tableHeadCellPadding: U,
-            getRowId: P,
-            renderDetailPanel: _ ? ({ row: u }) => _({ row: u }) : void 0,
-            renderTopToolbar: J,
-            onExport: Me,
-            onPrint: qe,
-            variant: G,
+            tableHeadCellPadding: J,
+            getRowId: S,
+            renderDetailPanel: U ? ({ row: g }) => U({ row: g }) : void 0,
+            renderTopToolbar: W,
+            onExport: At,
+            onPrint: De,
+            variant: N,
+            withToolbarBorder: Ie,
+            withPaginationBorder: Me,
+            toolbarPadding: ke,
+            paginationPadding: ze,
+            rowHeight: qe,
             children: [
               T,
-              l?.visible ? /* @__PURE__ */ e(Bt, { children: /* @__PURE__ */ C(Fe, { children: [
+              l?.visible ? /* @__PURE__ */ e(Lt, { children: /* @__PURE__ */ C(Ee, { children: [
                 /* @__PURE__ */ e("h3", { className: "only-print", children: d || a }),
-                /* @__PURE__ */ e("div", { className: "no-print", children: /* @__PURE__ */ C(ce, { gap: "8px", rowGap: "8px", children: [
+                /* @__PURE__ */ e("div", { className: "no-print", children: /* @__PURE__ */ C(ue, { gap: "8px", rowGap: "8px", children: [
                   l.customUserActions && l.customUserActionsPosition === "left" ? l.customUserActions : null,
                   l.onAddExecute ? /* @__PURE__ */ e(
-                    ie,
+                    ne,
                     {
                       actionName: "add",
-                      actionDescription: `Adicionar novo ${S || "registro"}`,
+                      actionDescription: `Adicionar novo ${oe || "registro"}`,
                       color: "green",
-                      variant: G ?? de.variant,
-                      leftSection: /* @__PURE__ */ e(We, {}),
+                      variant: N ?? he.variant,
+                      leftSection: /* @__PURE__ */ e(Qe, {}),
                       onClick: () => l && l.onAddExecute && l.onAddExecute(),
-                      children: l.labelAdd || p().t("archbase:New")
+                      children: l.labelAdd || m().t("archbase:New")
                     }
                   ) : null,
                   l.onEditExecute ? /* @__PURE__ */ e(
-                    ie,
+                    ne,
                     {
                       actionName: "edit",
-                      actionDescription: `Editar ${S || "registro"}`,
+                      actionDescription: `Editar ${oe || "registro"}`,
                       color: "blue",
-                      leftSection: /* @__PURE__ */ e(Ke, {}),
+                      leftSection: /* @__PURE__ */ e(Xe, {}),
                       disabled: !n.isBrowsing() || n.isEmpty(),
-                      variant: G ?? de.variant,
+                      variant: N ?? he.variant,
                       onClick: () => l && l.onEditExecute && l.onEditExecute(),
-                      children: l.labelEdit || p().t("archbase:Edit")
+                      children: l.labelEdit || m().t("archbase:Edit")
                     }
                   ) : null,
                   l.onRemoveExecute ? /* @__PURE__ */ e(
-                    ie,
+                    ne,
                     {
                       actionName: "delete",
-                      actionDescription: `Remover ${S || "registro"}`,
+                      actionDescription: `Remover ${oe || "registro"}`,
                       color: "red",
-                      leftSection: /* @__PURE__ */ e(Qe, {}),
+                      leftSection: /* @__PURE__ */ e(Ye, {}),
                       disabled: !l?.allowRemove || !n.isBrowsing() || n.isEmpty(),
-                      variant: G ?? de.variant,
+                      variant: N ?? he.variant,
                       onClick: () => l && l.onRemoveExecute && l.onRemoveExecute(),
-                      children: l.labelRemove || p().t("archbase:Remove")
+                      children: l.labelRemove || m().t("archbase:Remove")
                     }
                   ) : null,
                   l.onViewExecute ? /* @__PURE__ */ e(
-                    ie,
+                    ne,
                     {
                       actionName: "view",
-                      actionDescription: `Visualizar ${S || "registro"}`,
+                      actionDescription: `Visualizar ${oe || "registro"}`,
                       color: "gray.7",
-                      leftSection: /* @__PURE__ */ e(Xe, {}),
+                      leftSection: /* @__PURE__ */ e(Ze, {}),
                       disabled: !n.isBrowsing() || n.isEmpty(),
-                      variant: G ?? de.variant,
+                      variant: N ?? he.variant,
                       onClick: () => l && l.onViewExecute && l.onViewExecute(),
-                      children: l.labelView || p().t("archbase:View")
+                      children: l.labelView || m().t("archbase:View")
                     }
                   ) : null,
                   l.customUserActions && l.customUserActionsPosition === "right" ? l.customUserActions : null
@@ -835,13 +851,13 @@ function qt(t, r) {
     }
   );
 }
-const hr = Et(qt);
-function Mt(t, r, a, d) {
+const br = St(Qt);
+function Xt(t, r, a, d) {
   if (t && t.headerGridColumns) {
-    const n = t.headerGridColumns.left ? t.headerGridColumns.left : { xs: "auto", sm: "auto", md: "auto", lg: "auto" }, o = 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__ */ C(he, { m: 0, gutter: "xs", justify: "center", align: "center", grow: !0, children: [
+    const n = t.headerGridColumns.left ? t.headerGridColumns.left : { xs: "auto", sm: "auto", md: "auto", lg: "auto" }, o = t.headerGridColumns.middle ? t.headerGridColumns.middle : { xs: "auto", sm: "auto", md: "auto", lg: "auto" }, u = t.headerGridColumns.right ? t.headerGridColumns.right : { xs: "auto", sm: "auto", md: "auto", lg: "auto" };
+    return /* @__PURE__ */ C(me, { m: 0, gutter: "xs", justify: "center", align: "center", grow: !0, children: [
       /* @__PURE__ */ e(
-        he.Col,
+        me.Col,
         {
           span: {
             xs: n.xs,
@@ -859,7 +875,7 @@ function Mt(t, r, a, d) {
         }
       ),
       /* @__PURE__ */ e(
-        he.Col,
+        me.Col,
         {
           span: {
             xs: o.xs,
@@ -876,13 +892,13 @@ function Mt(t, r, a, d) {
         }
       ),
       /* @__PURE__ */ e(
-        he.Col,
+        me.Col,
         {
           span: {
-            xs: h.xs,
-            sm: h.sm,
-            md: h.md,
-            lg: h.lg
+            xs: u.xs,
+            sm: u.sm,
+            md: u.md,
+            lg: u.lg
           },
           style: {
             border: d ? "1px dashed" : "",
@@ -895,15 +911,15 @@ function Mt(t, r, a, d) {
       )
     ] });
   } else {
-    const n = t && t.headerFlexGrow ? t.headerFlexGrow : "even", o = t && t.headerFlexRightJustifyContent ? t.headerFlexRightJustifyContent : "flex-end", h = t && t.headerFlexLeftJustifyContent ? t.headerFlexLeftJustifyContent : "flex-start";
-    return /* @__PURE__ */ C(ce, { justify: "space-between", children: [
+    const n = t && t.headerFlexGrow ? t.headerFlexGrow : "even", o = t && t.headerFlexRightJustifyContent ? t.headerFlexRightJustifyContent : "flex-end", u = t && t.headerFlexLeftJustifyContent ? t.headerFlexLeftJustifyContent : "flex-start";
+    return /* @__PURE__ */ C(ue, { justify: "space-between", children: [
       /* @__PURE__ */ e(
-        ce,
+        ue,
         {
           w: n === "left" || n === "even" ? "100%" : void 0,
           maw: n === "left" || n === "even" ? void 0 : "100%",
           align: "center",
-          justify: h,
+          justify: u,
           style: {
             border: d ? "1px dashed" : ""
           },
@@ -911,7 +927,7 @@ function Mt(t, r, a, d) {
         }
       ),
       /* @__PURE__ */ e(
-        ce,
+        ue,
         {
           w: n === "right" || n === "even" ? "100%" : void 0,
           maw: n === "right" || n === "even" ? void 0 : "100%",
@@ -926,12 +942,12 @@ function Mt(t, r, a, d) {
     ] });
   }
 }
-function _t(t, r, a, d) {
+function Yt(t, r, a, d) {
   if (t && t.footerGridColumns) {
-    const n = t.footerGridColumns.left ? t.footerGridColumns.left : { xs: "content", sm: "content", md: "content", lg: "content" }, o = t.footerGridColumns.middle ? t.footerGridColumns.middle : { xs: "auto", sm: "auto", md: "auto", lg: "auto" }, h = t.footerGridColumns.right ? t.footerGridColumns.right : { xs: "content", sm: "content", md: "content", lg: "content" };
-    return /* @__PURE__ */ C(he, { m: 0, gutter: "xs", justify: "center", align: "center", grow: !0, children: [
+    const n = t.footerGridColumns.left ? t.footerGridColumns.left : { xs: "content", sm: "content", md: "content", lg: "content" }, o = t.footerGridColumns.middle ? t.footerGridColumns.middle : { xs: "auto", sm: "auto", md: "auto", lg: "auto" }, u = t.footerGridColumns.right ? t.footerGridColumns.right : { xs: "content", sm: "content", md: "content", lg: "content" };
+    return /* @__PURE__ */ C(me, { m: 0, gutter: "xs", justify: "center", align: "center", grow: !0, children: [
       /* @__PURE__ */ e(
-        he.Col,
+        me.Col,
         {
           span: {
             xs: n.xs,
@@ -949,7 +965,7 @@ function _t(t, r, a, d) {
         }
       ),
       /* @__PURE__ */ e(
-        he.Col,
+        me.Col,
         {
           span: {
             xs: o.xs,
@@ -966,13 +982,13 @@ function _t(t, r, a, d) {
         }
       ),
       /* @__PURE__ */ e(
-        he.Col,
+        me.Col,
         {
           span: {
-            xs: h.xs,
-            sm: h.sm,
-            md: h.md,
-            lg: h.lg
+            xs: u.xs,
+            sm: u.sm,
+            md: u.md,
+            lg: u.lg
           },
           style: {
             border: d ? "1px dashed" : "",
@@ -985,15 +1001,15 @@ function _t(t, r, a, d) {
       )
     ] });
   } else {
-    const n = t && t.footerFlexGrow ? t.footerFlexGrow : "even", o = t && t.footerFlexRightJustifyContent ? t.footerFlexRightJustifyContent : "flex-end", h = t && t.footerFlexLeftJustifyContent ? t.footerFlexLeftJustifyContent : "flex-start";
-    return /* @__PURE__ */ C(ce, { justify: "space-between", children: [
+    const n = t && t.footerFlexGrow ? t.footerFlexGrow : "even", o = t && t.footerFlexRightJustifyContent ? t.footerFlexRightJustifyContent : "flex-end", u = t && t.footerFlexLeftJustifyContent ? t.footerFlexLeftJustifyContent : "flex-start";
+    return /* @__PURE__ */ C(ue, { justify: "space-between", children: [
       /* @__PURE__ */ e(
-        ce,
+        ue,
         {
           w: n === "left" || n === "even" ? "100%" : void 0,
           maw: n === "left" || n === "even" ? void 0 : "100%",
           align: "center",
-          justify: h,
+          justify: u,
           style: {
             border: d ? "1px dashed" : "",
             height: "auto",
@@ -1003,7 +1019,7 @@ function _t(t, r, a, d) {
         }
       ),
       /* @__PURE__ */ e(
-        ce,
+        ue,
         {
           w: n === "right" || n === "even" ? "100%" : void 0,
           maw: n === "right" || n === "even" ? void 0 : "100%",
@@ -1020,28 +1036,28 @@ function _t(t, r, a, d) {
     ] });
   }
 }
-function xt({
+function wt({
   title: t,
   innerRef: r,
   isError: a = !1,
   error: d = "",
   clearError: n,
   width: o = "100%",
-  height: h = "100%",
-  withBorder: m = !0,
+  height: u = "100%",
+  withBorder: f = !0,
   children: T,
   radius: v,
-  debug: O,
+  debug: ee,
   defaultDebug: l,
   headerLeft: c,
-  headerMiddle: q,
+  headerMiddle: M,
   headerRight: A,
-  footerLeft: D,
-  footerMiddle: f,
+  footerLeft: V,
+  footerMiddle: h,
   footerRight: B,
-  variant: W,
-  options: N = {},
-  style: Y,
+  variant: q,
+  options: P = {},
+  style: X,
   debugOptions: b = {
     debugLayoutHotKey: "ctrl+shift+S",
     debugObjectInspectorHotKey: "ctrl+shift+D",
@@ -1050,70 +1066,70 @@ function xt({
   // Props de segurança (opcionais)
   resourceName: x,
   resourceDescription: y,
-  requiredPermissions: Z,
-  fallbackComponent: K,
-  securityOptions: P
+  requiredPermissions: Y,
+  fallbackComponent: _,
+  securityOptions: S
 }) {
-  const [E, F] = wt({
-    value: O,
+  const [E, F] = It({
+    value: ee,
     defaultValue: l,
     finalValue: !1
   });
-  At([[b && b.debugLayoutHotKey, () => F(!E)]]);
-  const G = xe(), { t: w } = Rt();
-  me({
-    autoRegisterActions: P?.autoRegisterActions ?? !0
+  Tt([[b && b.debugLayoutHotKey, () => F(!E)]]);
+  const N = we(), { t: w } = Pt();
+  ge({
+    autoRegisterActions: S?.autoRegisterActions ?? !0
   });
-  const $ = se(null), R = r || $, re = se(null), Q = se(null), M = Ne(re), V = Ne(Q), U = Ne(R), _ = Ce(() => ({
-    height: U.height - M.height - V.height - Number(vt("0.625rem")),
-    width: U.width - M.width - V.width
-  }), [U.height, U.width, M.height, M.width, V.height, V.width]), J = se(l);
-  ut(() => {
-    l !== J.current && (F(l), J.current = l);
+  const G = ae(null), R = r || G, re = ae(null), H = ae(null), k = $e(re), D = $e(H), $ = $e(R), J = be(() => ({
+    height: $.height - k.height - D.height - Number(Rt("0.625rem")),
+    width: $.width - k.width - D.width
+  }), [$.height, $.width, k.height, k.width, D.height, D.width]), U = ae(l);
+  mt(() => {
+    l !== U.current && (F(l), U.current = l);
   }, [l, F]);
-  const X = /* @__PURE__ */ C(Fe, { children: [
+  const W = /* @__PURE__ */ C(Ee, { children: [
     /* @__PURE__ */ e(
-      Je,
+      We,
       {
         ref: R,
-        withBorder: m,
+        withBorder: f,
         radius: v,
-        style: { width: o, height: h, padding: 4, ...Y },
-        children: /* @__PURE__ */ C(Oe, { height: "100%", children: [
-          /* @__PURE__ */ e(pt, { size: M.height, children: /* @__PURE__ */ e("div", { ref: re, children: Mt(N, c, A, E) }) }),
-          /* @__PURE__ */ e(et, { children: /* @__PURE__ */ e(
-            it,
+        style: { width: o, height: u, padding: 4, ...X },
+        children: /* @__PURE__ */ C(tt, { height: "100%", children: [
+          /* @__PURE__ */ e(vt, { size: k.height, children: /* @__PURE__ */ e("div", { ref: re, children: Xt(P, c, A, E) }) }),
+          /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(
+            st,
             {
-              h: _.height,
+              h: J.height,
               style: {
                 border: E ? "1px dashed" : "",
                 padding: "calc(0.625rem / 2)"
               },
-              children: T ? /* @__PURE__ */ C(Tt, { children: [
+              children: T ? /* @__PURE__ */ C(Gt, { children: [
                 a && /* @__PURE__ */ e(
-                  $e,
+                  Le,
                   {
                     autoClose: 2e4,
                     withCloseButton: !0,
                     withBorder: !0,
-                    icon: /* @__PURE__ */ e(Ge, { size: "1.4rem" }),
+                    icon: /* @__PURE__ */ e(je, { size: "1.4rem" }),
                     title: `${w("WARNING")}`,
                     titleColor: "rgb(250, 82, 82)",
-                    variant: W ?? G.variant,
+                    variant: q ?? N.variant,
                     onClose: () => n && n(),
                     children: /* @__PURE__ */ e("span", { children: d })
                   }
                 ),
                 T
-              ] }) : E && /* @__PURE__ */ e(ce, { h: _.height + 80, justify: "center", align: "center", wrap: "wrap", children: /* @__PURE__ */ e(bt, { size: "lg", children: "INSIRA O CONTEÚDO DO PAINEL AQUI." }) })
+              ] }) : E && /* @__PURE__ */ e(ue, { h: J.height + 80, justify: "center", align: "center", wrap: "wrap", children: /* @__PURE__ */ e(Et, { size: "lg", children: "INSIRA O CONTEÚDO DO PAINEL AQUI." }) })
             }
           ) }),
-          /* @__PURE__ */ e(tt, { size: V.height, children: /* @__PURE__ */ e("div", { ref: Q, children: _t(N, D, B, E) }) })
+          /* @__PURE__ */ e(nt, { size: D.height, children: /* @__PURE__ */ e("div", { ref: H, children: Yt(P, V, B, E) }) })
         ] })
       }
     ),
     /* @__PURE__ */ e(
-      Nt,
+      Mt,
       {
         debugObjectInspectorHotKey: b && b.debugObjectInspectorHotKey,
         objectsToInspect: b && b.objectsToInspect
@@ -1121,19 +1137,19 @@ function xt({
     )
   ] });
   return /* @__PURE__ */ e(
-    ve,
+    Ae,
     {
       resourceName: x,
       resourceDescription: y,
-      requiredPermissions: Z,
-      fallbackComponent: K,
-      onSecurityReady: P?.onSecurityReady,
-      onAccessDenied: P?.onAccessDenied,
-      children: X
+      requiredPermissions: Y,
+      fallbackComponent: _,
+      onSecurityReady: S?.onSecurityReady,
+      onAccessDenied: S?.onAccessDenied,
+      children: W
     }
   );
 }
-const Jt = {
+const Zt = {
   visible: !0,
   allowAdd: !0,
   allowEdit: !0,
@@ -1141,10 +1157,10 @@ const Jt = {
   allowRemove: !0,
   positionCustomUserActions: "after"
 };
-function Ht(t, r, a, d, n, o) {
+function Ot(t, r, a, d, n, o) {
   console.log(`Render de "${t}" na fase "${r}": ${a}ms`);
 }
-function fr({
+function wr({
   title: t,
   dataSource: r,
   //  dataSourceEdition,
@@ -1154,222 +1170,222 @@ function fr({
   filterFields: n,
   innerRef: o,
   //isLoading = false,
-  debug: h = !1,
-  filterType: m = "normal",
+  debug: u = !1,
+  filterType: f = "normal",
   isError: T = !1,
   error: v = "",
-  clearError: O = () => {
+  clearError: ee = () => {
   },
   width: l = "100%",
   height: c = "100%",
-  withBorder: q = !0,
+  withBorder: M = !0,
   filterPersistenceDelegator: A,
-  withPagination: D = !0,
-  radius: f,
+  withPagination: V = !0,
+  radius: h,
   userActions: B,
-  columnsCountBreakPoints: W,
-  columnsCount: N,
-  gutter: Y,
+  columnsCountBreakPoints: q,
+  columnsCount: P,
+  gutter: X,
   component: b,
   activeIndex: x,
   activeBackgroundColor: y,
-  activeColor: Z,
-  onItemEnter: K,
-  onItemLeave: P,
+  activeColor: Y,
+  onItemEnter: _,
+  onItemLeave: S,
   style: E,
   actionsButtonsOptions: F,
-  spaceOptions: G,
+  spaceOptions: N,
   variant: w,
-  id: $ = Lt("masonry"),
+  id: G = Jt("masonry"),
   debugOptions: R,
   // Props de segurança (opcionais)
   resourceName: re,
-  resourceDescription: Q,
-  requiredPermissions: M,
-  fallbackComponent: V,
-  securityOptions: U
+  resourceDescription: H,
+  requiredPermissions: k,
+  fallbackComponent: D,
+  securityOptions: $
 }) {
-  const _ = xe(), J = me({
-    autoRegisterActions: U?.autoRegisterActions ?? !0
-  }), [X] = te($), I = o || se(null), ee = se(null), [ue, s] = te(r.getCurrentPage()), [H, S] = te(
+  const J = we(), U = ge({
+    autoRegisterActions: $?.autoRegisterActions ?? !0
+  }), [W] = te(G), I = o || ae(null), Z = ae(null), [fe, s] = te(r.getCurrentPage()), [z, O] = te(
     x || (r && r.getTotalRecords() > 0 ? 0 : -1)
   );
-  Ne(I);
-  const [oe, pe] = te({
+  $e(I);
+  const [ie, oe] = te({
     activeFilterIndex: -1,
     expandedFilter: !1
-  }), [j, be] = te(0), {
-    isDataSourceV2: L,
-    v1State: { forceUpdate: Ve }
-  } = De(
+  }), [K, ye] = te(0), {
+    isDataSourceV2: xe,
+    v1State: { forceUpdate: Ie }
+  } = Se(
     "ArchbaseMasonryTemplate",
     r
   );
-  Ze({
+  et({
     dataSource: r,
     listener: (i) => {
-      (i.type === fe.afterRemove || i.type === fe.refreshData) && (be((g) => g + 1), L || Ve());
+      (i.type === pe.afterRemove || i.type === pe.refreshData) && (ye((p) => p + 1), xe || Ie());
     }
   });
-  const we = Ce(() => {
-    const i = { ...Jt, ...B }, g = [], le = (u) => J.isAvailable ? (J.registerAction(), J.hasPermission()) : !0;
-    return i.allowAdd && i.onAddExecute && le() && g.push({
+  const Me = be(() => {
+    const i = { ...Zt, ...B }, p = [], le = (se) => U.isAvailable ? (U.registerAction(), U.hasPermission()) : !0;
+    return i.allowAdd && i.onAddExecute && le() && p.push({
       id: "actAdd",
-      icon: /* @__PURE__ */ e(We, {}),
+      icon: /* @__PURE__ */ e(Qe, {}),
       color: "green",
-      label: i.labelAdd ? i.labelAdd : p().t("archbase:New"),
+      label: i.labelAdd ? i.labelAdd : m().t("archbase:New"),
       executeAction: () => {
         i && i.onAddExecute && i.onAddExecute();
       },
       enabled: !0,
-      hint: `${p().t("archbase:Clique para criar um novo registro")}`
-    }), i.allowEdit && i.onEditExecute && le() && g.push({
+      hint: `${m().t("archbase:Clique para criar um novo registro")}`
+    }), i.allowEdit && i.onEditExecute && le() && p.push({
       id: "actEdit",
-      icon: /* @__PURE__ */ e(Ke, {}),
+      icon: /* @__PURE__ */ e(Xe, {}),
       color: "blue",
-      label: i.labelEdit ? i.labelEdit : p().t("archbase:Edit"),
+      label: i.labelEdit ? i.labelEdit : m().t("archbase:Edit"),
       executeAction: () => {
         i && i.onEditExecute && i.onEditExecute();
       },
       enabled: !r.isEmpty() && r.isBrowsing(),
-      hint: `${p().t("archbase:Clique para editar o registro")}`
-    }), i.allowRemove && i.onRemoveExecute && le() && g.push({
+      hint: `${m().t("archbase:Clique para editar o registro")}`
+    }), i.allowRemove && i.onRemoveExecute && le() && p.push({
       id: "actRemove",
-      icon: /* @__PURE__ */ e(Qe, {}),
+      icon: /* @__PURE__ */ e(Ye, {}),
       color: "red",
-      label: i.labelRemove ? i.labelRemove : p().t("archbase:Remove"),
+      label: i.labelRemove ? i.labelRemove : m().t("archbase:Remove"),
       executeAction: () => {
         i && i.onRemoveExecute && i.onRemoveExecute();
       },
       enabled: !r.isEmpty() && r.isBrowsing(),
-      hint: `${p().t("archbase:Clique para remover o registro")}`
-    }), i.allowView && i.onViewExecute && le() && g.push({
+      hint: `${m().t("archbase:Clique para remover o registro")}`
+    }), i.allowView && i.onViewExecute && le() && p.push({
       id: "actView",
-      icon: /* @__PURE__ */ e(Xe, {}),
-      label: i.labelView ? i.labelView : p().t("archbase:View"),
+      icon: /* @__PURE__ */ e(Ze, {}),
+      label: i.labelView ? i.labelView : m().t("archbase:View"),
       executeAction: () => {
         i && i.onViewExecute && i.onViewExecute();
       },
       enabled: !r.isEmpty() && r.isBrowsing(),
-      hint: `${p().t("archbase:Clique para visualizar o registro")}`
-    }), i.customUserActions && i.positionCustomUserActions === "before" ? [...i.customUserActions, ...g] : i.customUserActions && i.positionCustomUserActions === "after" ? [...g, ...i.customUserActions] : g;
-  }, [B, r, J]), k = Ce(() => {
+      hint: `${m().t("archbase:Clique para visualizar o registro")}`
+    }), i.customUserActions && i.positionCustomUserActions === "before" ? [...i.customUserActions, ...p] : i.customUserActions && i.positionCustomUserActions === "after" ? [...p, ...i.customUserActions] : p;
+  }, [B, r, U]), ke = be(() => {
     if (b) {
       const i = b.type;
-      let g = {};
-      return b.props && (g = b.props), r.browseRecords().map((le, u) => {
-        const ne = `${X}_${u}`, z = `${X}_${u}`;
-        let _e = le.active === void 0 ? !1 : le.active;
-        return H >= 0 && (_e = !1, H === u && (_e = !0)), /* @__PURE__ */ e(
+      let p = {};
+      return b.props && (p = b.props), r.browseRecords().map((le, se) => {
+        const Te = `${W}_${se}`, Ve = `${W}_${se}`;
+        let De = le.active === void 0 ? !1 : le.active;
+        return z >= 0 && (De = !1, z === se && (De = !0)), /* @__PURE__ */ e(
           i,
           {
-            id: z,
-            active: _e,
-            index: u,
+            id: Ve,
+            active: De,
+            index: se,
             dataSource: r,
             recordData: le,
             disabled: le.disabled,
-            ...g
+            ...p
           },
-          ne
+          Te
         );
       });
     }
     return [];
-  }, [H, b, X, r, j]), Ae = (i, g) => {
-    pe({ ...oe, currentFilter: i, activeFilterIndex: g });
-  }, Ue = (i) => {
-    pe({ ...oe, expandedFilter: i });
-  }, de = (i, g) => {
-    pe({ ...oe, currentFilter: i, activeFilterIndex: g });
-  }, ye = () => {
-  }, je = (i, g) => {
-    S(i), r && r.gotoRecordByData(g);
-  }, Le = (i) => {
+  }, [z, b, W, r, K]), ze = (i, p) => {
+    oe({ ...ie, currentFilter: i, activeFilterIndex: p });
+  }, qe = (i) => {
+    oe({ ...ie, expandedFilter: i });
+  }, _e = (i, p) => {
+    oe({ ...ie, currentFilter: i, activeFilterIndex: p });
+  }, j = () => {
+  }, lt = (i, p) => {
+    O(i), r && r.gotoRecordByData(p);
+  }, Ce = (i) => {
     if (r) {
-      const g = r.getOptions();
-      g.filter = i, g.currentPage = ue, r.refreshData(g), L || Ve();
+      const p = r.getOptions();
+      p.filter = i, p.currentPage = fe, r.refreshData(p), xe || Ie();
     }
-  }, ke = (i) => {
+  }, L = (i) => {
     if (r) {
-      const g = r.getOptions();
-      g.currentPage = i, r.refreshData(g), L || Ve();
+      const p = r.getOptions();
+      p.currentPage = i, r.refreshData(p), xe || Ie();
     }
-  }, ze = () => m === "normal" && d ? /* @__PURE__ */ e(
-    jt,
+  }, Fe = () => f === "normal" && d ? /* @__PURE__ */ e(
+    Ht,
     {
       searchableFields: d,
-      onFilter: Le,
+      onFilter: Ce,
       minFilterValueLength: 1
     }
-  ) : m === "advanced" ? /* @__PURE__ */ e(Dt, { id: `profile_${a.componentName}`, onRender: Ht, children: /* @__PURE__ */ e(
-    rt,
+  ) : f === "advanced" ? /* @__PURE__ */ e($t, { id: `profile_${a.componentName}`, onRender: Ot, children: /* @__PURE__ */ e(
+    it,
     {
       id: a.componentName,
       viewName: a.viewName,
       apiVersion: a.apiVersion,
-      ref: ee,
-      variant: w || _.variant,
-      expandedFilter: oe.expandedFilter,
+      ref: Z,
+      variant: w || J.variant,
+      expandedFilter: ie.expandedFilter,
       persistenceDelegator: A,
-      currentFilter: oe.currentFilter,
-      activeFilterIndex: oe.activeFilterIndex,
-      onSelectedFilter: de,
-      onFilterChanged: Ae,
-      onSearchByFilter: ye,
-      onToggleExpandedFilter: Ue,
+      currentFilter: ie.currentFilter,
+      activeFilterIndex: ie.activeFilterIndex,
+      onSelectedFilter: _e,
+      onFilterChanged: ze,
+      onSearchByFilter: j,
+      onToggleExpandedFilter: qe,
       width: "660px",
       height: "170px",
       children: n
     }
-  ) }) : /* @__PURE__ */ e(Fe, {}), Re = {
+  ) }) : /* @__PURE__ */ e(Ee, {}), He = {
     menuButtonColor: "blue.5",
     menuPosition: "left"
-  }, Ee = {
+  }, he = {
     headerFlexGrow: "left",
     footerGridColumns: {}
-  }, qe = { ...Re, ...F }, Me = { ...Ee, ...G };
+  }, Re = { ...He, ...F }, Je = { ...he, ...N };
   return /* @__PURE__ */ e(
-    ve,
+    Ae,
     {
       resourceName: re,
-      resourceDescription: Q,
-      requiredPermissions: M,
-      fallbackComponent: V,
-      onSecurityReady: U?.onSecurityReady,
-      onAccessDenied: U?.onAccessDenied,
+      resourceDescription: H,
+      requiredPermissions: k,
+      fallbackComponent: D,
+      onSecurityReady: $?.onSecurityReady,
+      onAccessDenied: $?.onAccessDenied,
       children: /* @__PURE__ */ e(
-        xt,
+        wt,
         {
           innerRef: I,
           width: l,
           height: c,
-          radius: f,
-          withBorder: q,
+          radius: h,
+          withBorder: M,
           isError: T,
           error: v,
-          clearError: O,
+          clearError: ee,
           title: t,
-          defaultDebug: h,
+          defaultDebug: u,
           debugOptions: R,
           style: E,
-          options: Me,
-          headerLeft: /* @__PURE__ */ e(mt, { actions: we, options: qe }),
-          headerRight: ze(),
-          footerRight: D ? /* @__PURE__ */ e(st, { total: r.getTotalPages(), onChange: ke }) : void 0,
+          options: Je,
+          headerLeft: /* @__PURE__ */ e(xt, { actions: Me, options: Re }),
+          headerRight: Fe(),
+          footerRight: V ? /* @__PURE__ */ e(dt, { total: r.getTotalPages(), onChange: L }) : void 0,
           children: /* @__PURE__ */ e(
-            Pt,
+            kt,
             {
               value: {
                 dataSource: r,
-                ownerId: $,
-                handleSelectItem: je,
+                ownerId: G,
+                handleSelectItem: lt,
                 activeBackgroundColor: y,
-                activeColor: Z,
-                onItemEnter: K,
-                onItemLeave: P
+                activeColor: Y,
+                onItemEnter: _,
+                onItemLeave: S
               },
-              children: /* @__PURE__ */ e(Gt, { columnsCountBreakPoints: W, children: /* @__PURE__ */ e($t, { gutter: Y, columnsCount: N, children: k }) })
+              children: /* @__PURE__ */ e(zt, { columnsCountBreakPoints: q, children: /* @__PURE__ */ e(qt, { gutter: X, columnsCount: P, children: ke }) })
             }
           )
         }
@@ -1377,7 +1393,7 @@ function fr({
     }
   );
 }
-const Wt = {
+const er = {
   visible: !0,
   allowAdd: !0,
   allowEdit: !0,
@@ -1385,7 +1401,7 @@ const Wt = {
   allowRemove: !0,
   positionCustomUserActions: "after"
 };
-function mr({
+function Ar({
   title: t,
   dataSource: r,
   //  dataSourceEdition,
@@ -1395,195 +1411,195 @@ function mr({
   innerRef: n,
   //isLoading = false,
   isError: o = !1,
-  error: h = "",
-  clearError: m = () => {
+  error: u = "",
+  clearError: f = () => {
   },
   width: T = "100%",
   height: v = "100%",
-  withBorder: O = !0,
+  withBorder: ee = !0,
   filterPersistenceDelegator: l,
   withPagination: c = !0,
-  children: q,
+  children: M,
   radius: A,
-  userActions: D,
-  debug: f = !1,
+  userActions: V,
+  debug: h = !1,
   variant: B,
-  actionsButtonsOptions: W,
-  spaceOptions: N,
-  style: Y,
+  actionsButtonsOptions: q,
+  spaceOptions: P,
+  style: X,
   debugOptions: b,
   // Props de segurança (opcionais)
   resourceName: x,
   resourceDescription: y,
-  requiredPermissions: Z,
-  fallbackComponent: K,
-  securityOptions: P
+  requiredPermissions: Y,
+  fallbackComponent: _,
+  securityOptions: S
 }) {
-  const E = xe(), F = me({
-    autoRegisterActions: P?.autoRegisterActions ?? !0
-  }), G = n || se(null), w = se(null), [$, R] = te({
+  const E = we(), F = ge({
+    autoRegisterActions: S?.autoRegisterActions ?? !0
+  }), N = n || ae(null), w = ae(null), [G, R] = te({
     activeFilterIndex: -1,
     expandedFilter: !1
   }), {
     isDataSourceV2: re,
-    v1State: { forceUpdate: Q }
-  } = De(
+    v1State: { forceUpdate: H }
+  } = Se(
     "ArchbasePanelTemplate",
     r
-  ), M = Ce(() => {
-    const s = { ...Wt, ...D }, H = (oe) => F.isAvailable ? (F.registerAction(), F.hasPermission()) : !0, S = [];
-    return s.allowAdd && s.onAddExecute && H() && S.push({
+  ), k = be(() => {
+    const s = { ...er, ...V }, z = (ie) => F.isAvailable ? (F.registerAction(), F.hasPermission()) : !0, O = [];
+    return s.allowAdd && s.onAddExecute && z() && O.push({
       id: "1",
-      icon: /* @__PURE__ */ e(We, {}),
+      icon: /* @__PURE__ */ e(Qe, {}),
       color: "green",
-      label: s.labelAdd ? s.labelAdd : p().t("archbase:New"),
+      label: s.labelAdd ? s.labelAdd : m().t("archbase:New"),
       executeAction: () => {
         s && s.onAddExecute && s.onAddExecute();
       },
       enabled: !0,
       hint: "Clique para criar."
-    }), s.allowEdit && s.onEditExecute && H() && S.push({
+    }), s.allowEdit && s.onEditExecute && z() && O.push({
       id: "2",
-      icon: /* @__PURE__ */ e(Ke, {}),
+      icon: /* @__PURE__ */ e(Xe, {}),
       color: "blue",
-      label: s.labelEdit ? s.labelEdit : p().t("archbase:Edit"),
+      label: s.labelEdit ? s.labelEdit : m().t("archbase:Edit"),
       executeAction: () => {
         s && s.onEditExecute && s.onEditExecute();
       },
       enabled: !r.isEmpty() && r.isBrowsing(),
       hint: "Clique para editar."
-    }), s.allowRemove && s.onRemoveExecute && H() && S.push({
+    }), s.allowRemove && s.onRemoveExecute && z() && O.push({
       id: "3",
-      icon: /* @__PURE__ */ e(Qe, {}),
+      icon: /* @__PURE__ */ e(Ye, {}),
       color: "red",
-      label: s.labelRemove ? s.labelRemove : p().t("archbase:Remove"),
+      label: s.labelRemove ? s.labelRemove : m().t("archbase:Remove"),
       executeAction: () => {
         s && s.onRemoveExecute && s.onRemoveExecute();
       },
       enabled: !r.isEmpty() && r.isBrowsing(),
       hint: "Clique para remover."
-    }), s.allowView && s.onView && H() && S.push({
+    }), s.allowView && s.onView && z() && O.push({
       id: "4",
-      icon: /* @__PURE__ */ e(Xe, {}),
+      icon: /* @__PURE__ */ e(Ze, {}),
       color: "green",
-      label: s.labelView ? s.labelView : p().t("archbase:View"),
+      label: s.labelView ? s.labelView : m().t("archbase:View"),
       executeAction: () => {
         s && s.onView && s.onView();
       },
       enabled: !r.isEmpty() && r.isBrowsing(),
       hint: "Clique para visualizar."
-    }), s.customUserActions && s.positionCustomUserActions === "before" ? [...s.customUserActions, ...S] : s.customUserActions && s.positionCustomUserActions === "after" ? [...S, ...s.customUserActions] : S;
-  }, [D, r, F]), V = (s, H) => {
-    R({ ...$, currentFilter: s, activeFilterIndex: H });
-  }, U = (s) => {
-    R({ ...$, expandedFilter: s });
-  }, _ = (s, H) => {
-    R({ ...$, currentFilter: s, activeFilterIndex: H });
-  }, J = () => {
-  }, X = {
+    }), s.customUserActions && s.positionCustomUserActions === "before" ? [...s.customUserActions, ...O] : s.customUserActions && s.positionCustomUserActions === "after" ? [...O, ...s.customUserActions] : O;
+  }, [V, r, F]), D = (s, z) => {
+    R({ ...G, currentFilter: s, activeFilterIndex: z });
+  }, $ = (s) => {
+    R({ ...G, expandedFilter: s });
+  }, J = (s, z) => {
+    R({ ...G, currentFilter: s, activeFilterIndex: z });
+  }, U = () => {
+  }, W = {
     menuButtonColor: "blue.5",
     menuPosition: "left"
   }, I = {
     headerFlexGrow: "left",
     footerFlexGrow: "right"
     // footerGridColumns: {},
-  }, ee = { ...X, ...W }, ue = { ...I, ...N };
+  }, Z = { ...W, ...q }, fe = { ...I, ...P };
   return /* @__PURE__ */ e(
-    ve,
+    Ae,
     {
       resourceName: x,
       resourceDescription: y,
-      requiredPermissions: Z,
-      fallbackComponent: K,
-      onSecurityReady: P?.onSecurityReady,
-      onAccessDenied: P?.onAccessDenied,
+      requiredPermissions: Y,
+      fallbackComponent: _,
+      onSecurityReady: S?.onSecurityReady,
+      onAccessDenied: S?.onAccessDenied,
       children: /* @__PURE__ */ e(
-        xt,
+        wt,
         {
-          innerRef: G,
+          innerRef: N,
           width: T,
           height: v,
           radius: A,
-          withBorder: O,
+          withBorder: ee,
           isError: o,
-          error: h,
-          clearError: m,
+          error: u,
+          clearError: f,
           title: t,
-          defaultDebug: f,
+          defaultDebug: h,
           debugOptions: b,
-          style: Y,
-          options: ue,
-          headerLeft: /* @__PURE__ */ e(mt, { actions: M, options: ee }),
+          style: X,
+          options: fe,
+          headerLeft: /* @__PURE__ */ e(xt, { actions: k, options: Z }),
           headerRight: /* @__PURE__ */ e(
-            rt,
+            it,
             {
               id: a.componentName,
               viewName: a.viewName,
               apiVersion: a.apiVersion,
               ref: w,
               variant: B || E.variant,
-              expandedFilter: $.expandedFilter,
+              expandedFilter: G.expandedFilter,
               persistenceDelegator: l,
-              currentFilter: $.currentFilter,
-              activeFilterIndex: $.activeFilterIndex,
-              onSelectedFilter: _,
-              onFilterChanged: V,
-              onSearchByFilter: J,
-              onToggleExpandedFilter: U,
+              currentFilter: G.currentFilter,
+              activeFilterIndex: G.activeFilterIndex,
+              onSelectedFilter: J,
+              onFilterChanged: D,
+              onSearchByFilter: U,
+              onToggleExpandedFilter: $,
               width: "660px",
               height: "170px",
               children: d
             }
           ),
-          footerRight: c && /* @__PURE__ */ e(st, { total: 10 }),
-          children: q
+          footerRight: c && /* @__PURE__ */ e(dt, { total: 10 }),
+          children: M
         }
       )
     }
   );
 }
-function pr() {
+function yr() {
   return /* @__PURE__ */ e("div", { children: "SEARCH TEMPLATE" });
 }
-const nt = Vt(void 0);
-function gr({ children: t }) {
-  const [r, a] = te({}), d = Be((m, T) => {
-    a((v) => ({ ...v, [m]: T }));
-  }, []), n = Be((m) => {
+const ot = Ut(void 0);
+function Cr({ children: t }) {
+  const [r, a] = te({}), d = Ge((f, T) => {
+    a((v) => ({ ...v, [f]: T }));
+  }, []), n = Ge((f) => {
     a((T) => {
       const v = { ...T };
-      return delete v[m], v;
+      return delete v[f], v;
     });
-  }, []), o = Be(() => {
+  }, []), o = Ge(() => {
     a({});
-  }, []), h = Be((m) => r[m], [r]);
-  return /* @__PURE__ */ e(nt.Provider, { value: { errors: r, setError: d, clearError: n, clearAll: o, getError: h }, children: t });
+  }, []), u = Ge((f) => r[f], [r]);
+  return /* @__PURE__ */ e(ot.Provider, { value: { errors: r, setError: d, clearError: n, clearAll: o, getError: u }, children: t });
 }
-function xr() {
-  return ht(nt);
+function Fr() {
+  return pt(ot);
 }
-function vr() {
-  const t = ht(nt);
+function Rr() {
+  const t = pt(ot);
   if (!t)
     throw new Error("useRequiredValidationErrors must be used within ValidationErrorsProvider");
   return t;
 }
 export {
-  sr as ArchbaseAdvancedSmartButton,
-  ve as ArchbaseConditionalSecurityWrapper,
-  dr as ArchbaseFormModalTemplate,
-  cr as ArchbaseFormTemplate,
-  hr as ArchbaseGridTemplate,
-  fr as ArchbaseMasonryTemplate,
-  ur as ArchbaseModalTemplate,
-  mr as ArchbasePanelTemplate,
-  pr as ArchbaseSearchTemplate,
-  ie as ArchbaseSmartActionButton,
-  xt as ArchbaseSpaceTemplate,
-  gr as ValidationErrorsProvider,
-  ar as useConditionalSecurity,
-  me as useOptionalTemplateSecurity,
-  vr as useRequiredValidationErrors,
-  lr as useTemplateSecurityAvailable,
-  xr as useValidationErrors
+  mr as ArchbaseAdvancedSmartButton,
+  Ae as ArchbaseConditionalSecurityWrapper,
+  xr as ArchbaseFormModalTemplate,
+  gr as ArchbaseFormTemplate,
+  br as ArchbaseGridTemplate,
+  wr as ArchbaseMasonryTemplate,
+  vr as ArchbaseModalTemplate,
+  Ar as ArchbasePanelTemplate,
+  yr as ArchbaseSearchTemplate,
+  ne as ArchbaseSmartActionButton,
+  wt as ArchbaseSpaceTemplate,
+  Cr as ValidationErrorsProvider,
+  pr as useConditionalSecurity,
+  ge as useOptionalTemplateSecurity,
+  Rr as useRequiredValidationErrors,
+  fr as useTemplateSecurityAvailable,
+  Fr as useValidationErrors
 };