@archbase/template 3.0.22 → 3.0.25

package/dist/index.js

@@ -1,16 +1,16 @@
-import { jsx as e, Fragment as ke, jsxs as x } from "react/jsx-runtime";
-import { Button as We, Paper as Oe, Box as Xe, ScrollArea as Ft, LoadingOverlay as Rt, Group as se, useMantineColorScheme as Ze, Modal as ft, Flex as ge, px as Pt, Text as Te, Grid as Fe, Pagination as At, Stack as kt } from "@mantine/core";
-import { useForceUpdate as mt, useUncontrolled as Gt, useHotkeys as $t } from "@mantine/hooks";
-import { IconBug as Ke, IconDeviceFloppy as zt, IconX as Pe, IconCheck as qe, IconPlus as gt, IconEdit as pt, IconTrash as et, IconEye as bt } from "@tabler/icons-react";
-import { useArchbaseAppContext as Re, useValidationErrors as Lt, ValidationErrorsProvider as Et, getI18nextInstance as C, processErrorMessage as pe, useArchbaseTheme as tt, emit as Mt, useArchbaseTranslation as Ut } from "@archbase/core";
-import Je, { useMemo as Be, useState as O, useCallback as Q, forwardRef as St, useRef as ue, useImperativeHandle as It, useEffect as _e, Fragment as jt, Profiler as Ht, createContext as qt, useContext as Dt } from "react";
-import { useArchbaseV1V2Compatibility as Ge, useArchbaseDataSourceListener as nt, DataSourceEventNames as Ce, ArchbaseDataSource as Jt } from "@archbase/data";
-import { ArchbaseAlert as Qe, ArchbaseDialog as Ct, ArchbaseDataGrid as Tt, GridToolBarActions as _t, ArchbaseDebugInspector as Wt, ArchbaseMasonryProvider as Ot, ArchbaseMasonryResponsive as Kt, ArchbaseMasonry as Qt, ArchbaseActionButtons as Xt } from "@archbase/components";
-import { ArchbaseSpaceFixed as rt, ArchbaseSpaceTop as xt, ArchbaseSpaceFill as it, ArchbaseForm as Bt, ArchbaseSpaceBottom as ot } from "@archbase/layout";
-import { ArchbaseQueryBuilder as vt, buildFrom as Yt, ArchbaseGlobalFilter as Zt } from "@archbase/advanced";
-import Ye from "@rehooks/component-size";
-import { uniqueId as en } from "lodash";
-const tn = {
+import { jsx as e, Fragment as Me, jsxs as c } from "react/jsx-runtime";
+import { Button as We, Paper as Le, Box as he, Flex as pe, Group as oe, ActionIcon as pt, Title as Tt, Text as ye, ScrollArea as Xe, LoadingOverlay as vt, useMantineColorScheme as lt, Modal as Ct, px as Mt, Grid as be, Pagination as kt, Stack as yt, Tabs as rt, Badge as Ut } from "@mantine/core";
+import { useForceUpdate as ot, useUncontrolled as Ht, useHotkeys as _t } from "@mantine/hooks";
+import { IconArrowLeft as Bt, IconBug as Oe, IconDeviceFloppy as xt, IconX as Be, IconCheck as Ye, IconPlus as bt, IconEdit as wt, IconTrash as tt, IconEye as Ft } from "@tabler/icons-react";
+import { useArchbaseAppContext as ze, useValidationErrors as Nt, ValidationErrorsProvider as At, getI18nextInstance as x, processErrorMessage as fe, useArchbaseTheme as at, emit as qt, useArchbaseTranslation as Jt } from "@archbase/core";
+import Ze, { useMemo as He, useState as Q, useCallback as ie, forwardRef as Vt, useRef as Ae, useImperativeHandle as zt, useEffect as et, Fragment as Wt, Profiler as Ot, createContext as Kt, useContext as Pt } from "react";
+import { useArchbaseV1V2Compatibility as _e, useArchbaseDataSourceListener as nt, DataSourceEventNames as Re, ArchbaseDataSource as Qt } from "@archbase/data";
+import { ArchbaseAlert as Ke, ArchbaseDialog as Rt, ArchbaseDataGrid as Gt, GridToolBarActions as Xt, ArchbaseDebugInspector as Yt, ArchbaseMasonryProvider as Zt, ArchbaseMasonryResponsive as en, ArchbaseMasonry as tn, ArchbaseActionButtons as nn } from "@archbase/components";
+import { ArchbaseSpaceFixed as ct, ArchbaseSpaceTop as Et, ArchbaseSpaceFill as st, ArchbaseForm as $t, ArchbaseSpaceBottom as dt } from "@archbase/layout";
+import { ArchbaseQueryBuilder as St, buildFrom as rn, ArchbaseGlobalFilter as ln } from "@archbase/advanced";
+import it from "@rehooks/component-size";
+import { uniqueId as on } from "lodash";
+const an = {
   isAvailable: !1,
   hasPermission: () => !0,
   // Default: sempre permite
@@ -21,454 +21,533 @@ const tn = {
   canEdit: !0,
   canDelete: !0,
   canView: !0
-}, Ae = (t) => Be(() => tn, []), yn = () => !1;
-function Fn(t) {
+}, Pe = (t) => He(() => an, []), Sn = () => !1;
+function In(t) {
   const {
     onSelect: n,
-    onSelectMultiple: l,
+    onSelectMultiple: o,
     initialValue: f = null,
     initialValues: r = [],
     selectionMode: i = "single",
-    autoClose: c = !0,
-    onOpen: b,
-    onClose: h
-  } = t || {}, [v, G] = O(!1), [o, a] = O(f), [S, w] = O(r), E = Q(() => {
-    G(!0), b?.();
-  }, [b]), g = Q(() => {
-    G(!1), h?.();
-  }, [h]), d = Q(() => {
-    a(null), w([]);
-  }, []), R = Q(
-    (p) => {
-      a(p), w([p]), n?.(p), c && (G(!1), h?.());
+    autoClose: u = !0,
+    onOpen: v,
+    onClose: a
+  } = t || {}, [C, P] = Q(!1), [l, s] = Q(f), [L, I] = Q(r), w = ie(() => {
+    P(!0), v?.();
+  }, [v]), R = ie(() => {
+    P(!1), a?.();
+  }, [a]), m = ie(() => {
+    s(null), I([]);
+  }, []), D = ie(
+    (h) => {
+      s(h), I([h]), n?.(h), u && (P(!1), a?.());
     },
-    [n, c, h]
-  ), I = Q(
-    (p) => {
-      w(p), a(p.length > 0 ? p[0] : null), l?.(p), c && (G(!1), h?.());
+    [n, u, a]
+  ), N = ie(
+    (h) => {
+      I(h), s(h.length > 0 ? h[0] : null), o?.(h), u && (P(!1), a?.());
     },
-    [l, c, h]
-  ), L = Q(() => {
-    G(!1), h?.();
-  }, [h]), y = Be(
+    [o, u, a]
+  ), V = ie(() => {
+    P(!1), a?.();
+  }, [a]), F = He(
     () => ({
-      opened: v,
-      onClose: L,
-      onSelect: R,
-      onSelectMultiple: I,
+      opened: C,
+      onClose: V,
+      onSelect: D,
+      onSelectMultiple: N,
       selectionMode: i,
-      initialSelectedItems: i === "multiple" ? S : o ? [o] : void 0
+      initialSelectedItems: i === "multiple" ? L : l ? [l] : void 0
     }),
-    [v, L, R, I, i, o, S]
+    [C, V, D, N, i, l, L]
   );
   return {
     // Estado
-    opened: v,
-    selectedItem: o,
-    selectedItems: S,
+    opened: C,
+    selectedItem: l,
+    selectedItems: L,
     // Ações
-    open: E,
-    close: g,
-    clear: d,
-    setSelectedItem: a,
-    setSelectedItems: w,
+    open: w,
+    close: R,
+    clear: m,
+    setSelectedItem: s,
+    setSelectedItems: I,
     // Handlers
-    handleSelect: R,
-    handleSelectMultiple: I,
-    handleClose: L,
+    handleSelect: D,
+    handleSelectMultiple: N,
+    handleClose: V,
     // Props para template
-    lookupProps: y
+    lookupProps: F
   };
 }
-const ee = ({
+const J = ({
   actionName: t,
   actionDescription: n,
-  children: l,
+  children: o,
   fallback: f = null,
   autoRegister: r = !0,
   onClick: i,
-  ...c
+  ...u
 }) => {
-  const b = Ae();
-  return Je.useEffect(() => {
-    r && t && n && b.isAvailable && b.registerAction();
-  }, [t, n, r, b.isAvailable, b.registerAction]), !t || !b.isAvailable ? /* @__PURE__ */ e(We, { onClick: i, ...c, children: l }) : b.hasPermission() ? /* @__PURE__ */ e(We, { onClick: i, ...c, children: l }) : /* @__PURE__ */ e(ke, { children: f });
-}, Rn = ({
+  const v = Pe();
+  return Ze.useEffect(() => {
+    r && t && n && v.isAvailable && v.registerAction();
+  }, [t, n, r, v.isAvailable, v.registerAction]), !t || !v.isAvailable ? /* @__PURE__ */ e(We, { onClick: i, ...u, children: o }) : v.hasPermission() ? /* @__PURE__ */ e(We, { onClick: i, ...u, children: o }) : /* @__PURE__ */ e(Me, { children: f });
+}, Dn = ({
   actionName: t,
   actionDescription: n,
-  children: l,
+  children: o,
   fallback: f = null,
   onClick: r,
   ...i
 }) => {
-  const [c, b] = Je.useState(null), [h, v] = Je.useState(!1);
-  return Je.useEffect(() => {
+  const [u, v] = Ze.useState(null), [a, C] = Ze.useState(!1);
+  return Ze.useEffect(() => {
     if (!t) {
-      b(/* @__PURE__ */ e(We, { onClick: r, ...i, children: l }));
+      v(/* @__PURE__ */ e(We, { onClick: r, ...i, children: o }));
       return;
     }
-    v(!1), b(/* @__PURE__ */ e(We, { onClick: r, ...i, children: l }));
-  }, [t, n, l, f, i]), /* @__PURE__ */ e(ke, { children: c });
-}, Ee = ({
+    C(!1), v(/* @__PURE__ */ e(We, { onClick: r, ...i, children: o }));
+  }, [t, n, o, f, i]), /* @__PURE__ */ e(Me, { children: u });
+}, Ge = ({
   children: t
-}) => /* @__PURE__ */ e(ke, { children: t }), An = (t) => Be(() => ({
+}) => /* @__PURE__ */ e(Me, { children: t }), Tn = (t) => He(() => ({
   shouldWrap: !1,
   isSecurityAvailable: !1,
   hasResourceName: !!t
 }), [t]);
-function En({
+function kn({
   innerRef: t,
   title: n,
-  isError: l = !1,
-  isCanceling: f = !1,
-  isSaving: r = !1,
-  error: i = "",
-  clearError: c = () => {
+  subtitle: o,
+  isError: f = !1,
+  isCanceling: r = !1,
+  isSaving: i = !1,
+  isLoading: u = !1,
+  error: v = "",
+  clearError: a = () => {
   },
-  autoCloseAlertError: b = 15e3,
-  width: h = "100%",
-  height: v = "100%",
-  withBorder: G = !0,
-  children: o,
-  radius: a,
-  variant: S,
-  footerAlign: w = "left",
-  footerContent: E,
-  dataSource: g,
-  onSave: d,
-  onCancel: R,
-  onBeforeSave: I,
-  onAfterSave: L,
-  onBeforeCancel: y,
-  onAfterCancel: p,
-  onError: D,
+  autoCloseAlertError: C = 15e3,
+  width: P = "100%",
+  height: l = "100%",
+  withBorder: s = !0,
+  children: L,
+  radius: I,
+  variant: w,
+  buttonsPosition: R = "footer",
+  saveLabel: m,
+  cancelLabel: D,
+  onBack: N,
+  footerAlign: V = "left",
+  footerContent: F,
+  dataSource: h,
+  onSave: X,
+  onCancel: Z,
+  onBeforeSave: ae,
+  onAfterSave: W,
+  onBeforeCancel: G,
+  onAfterCancel: M,
+  onError: y,
+  routePath: U,
+  onBeforeClose: ee,
+  useNavigationListener: E,
   // Props de segurança (opcionais)
-  resourceName: oe,
-  resourceDescription: te,
-  requiredPermissions: K,
-  fallbackComponent: M,
-  securityOptions: B,
-  ...A
+  resourceName: te,
+  resourceDescription: se,
+  requiredPermissions: ne,
+  fallbackComponent: H,
+  securityOptions: z,
+  ...Y
 }) {
-  const T = Re(), [X, V] = O(l), [Y, ne] = O(i), Z = mt();
-  Ae({
-    autoRegisterActions: B?.autoRegisterActions ?? !0
+  const O = ze(), [_, ue] = Q(f), [Ce, le] = Q(v), d = ot();
+  Pe({
+    autoRegisterActions: z?.autoRegisterActions ?? !0
   });
-  const U = Ge(
+  const k = _e(
     "ArchbaseFormTemplate",
-    g,
+    h,
     void 0,
     void 0
   );
   nt({
-    dataSource: g,
-    listener: (j) => {
-      j.type === Ce.onError && (V(!0), ne(j.error)), (j.type === Ce.afterEdit || j.type === Ce.afterInsert) && (U.isDataSourceV2 || Z());
+    dataSource: h,
+    listener: (re) => {
+      re.type === Re.onError && (ue(!0), le(re.error)), (re.type === Re.afterEdit || re.type === Re.afterInsert) && (k.isDataSourceV2 || d());
     }
   });
-  const $ = Lt(), _ = async (j) => {
+  const $ = Nt(), we = ie((re, S) => ({
+    closeAllowed: ($e) => {
+    }
+  }), []), de = E || we, { closeAllowed: B } = de(U || "", () => {
+    ee && ee() === !1 || B();
+  }), me = async (re) => {
     try {
-      d ? d(j) : (I && await I(j), g.isBrowsing() || g.save().then(() => {
-        $?.clearAll(), L && L(j);
-      }).catch((le) => {
-        D && D(pe(le)), V(!0), ne(pe(le));
+      X ? X(re) : (ae && await ae(re), h.isBrowsing() || h.save().then(() => {
+        $?.clearAll(), W && W(re), E && B();
+      }).catch((S) => {
+        y && y(fe(S)), ue(!0), le(fe(S));
       }));
-    } catch (le) {
-      D && D(pe(le)), V(!0), ne(pe(le));
+    } catch (S) {
+      y && y(fe(S)), ue(!0), le(fe(S));
     }
-  }, re = () => {
+  }, xe = () => {
     try {
-      R ? R() : (y && y(), g.isBrowsing() || g.cancel(), $?.clearAll(), p && p());
-    } catch (j) {
-      D && D(pe(j)), V(!0), ne(pe(j));
+      Z ? Z.length > 0 ? Z(B) : Z() : (G && G(), h.isBrowsing() || h.cancel(), $?.clearAll(), M && M(), E && B());
+    } catch (re) {
+      y && y(fe(re)), ue(!0), le(fe(re));
     }
-  }, ie = () => {
-    c && c(), V(!1), ne("");
-  };
+  }, Fe = () => {
+    a && a(), ue(!1), le("");
+  }, Ie = h && !h.isBrowsing(), A = R === "header" || R === "both", ce = R === "footer" || R === "both", Ne = () => /* @__PURE__ */ e(oe, { gap: "sm", children: Ie ? /* @__PURE__ */ c(Me, { children: [
+    /* @__PURE__ */ e(
+      J,
+      {
+        actionName: "cancel",
+        actionDescription: "Cancelar operação",
+        leftSection: /* @__PURE__ */ e(Be, { size: 16 }),
+        onClick: xe,
+        variant: "default",
+        loading: r,
+        children: D || x().t("Cancel")
+      }
+    ),
+    /* @__PURE__ */ e(
+      J,
+      {
+        actionName: "save",
+        actionDescription: `Salvar ${se || "registro"}`,
+        leftSection: /* @__PURE__ */ e(xt, { size: 16 }),
+        onClick: () => me(h.getCurrentRecord()),
+        variant: w ?? O.variant,
+        color: "blue",
+        loading: i,
+        children: m || x().t("Ok")
+      }
+    )
+  ] }) : /* @__PURE__ */ e(
+    J,
+    {
+      actionName: "close",
+      actionDescription: "Fechar formulário",
+      leftSection: /* @__PURE__ */ e(Be, { size: 16 }),
+      onClick: xe,
+      variant: "default",
+      children: x().t("Close")
+    }
+  ) }), De = () => /* @__PURE__ */ c(
+    he,
+    {
+      style: {
+        flexShrink: 0,
+        padding: "calc(0.625rem / 2)",
+        display: "flex",
+        justifyContent: V === "center" ? "center" : "space-between",
+        alignItems: "center",
+        gap: "1rem"
+      },
+      children: [
+        V === "right" && F && /* @__PURE__ */ e(he, { style: { flex: 1 }, children: F }),
+        Ie ? /* @__PURE__ */ c(oe, { gap: "md", children: [
+          /* @__PURE__ */ e(
+            J,
+            {
+              actionName: "save",
+              actionDescription: `Salvar ${se || "registro"}`,
+              leftSection: /* @__PURE__ */ e(xt, {}),
+              onClick: () => me(h.getCurrentRecord()),
+              disabled: h && h.isBrowsing(),
+              variant: w ?? O.variant,
+              color: "green",
+              children: m || `${x().t("Ok")}`
+            }
+          ),
+          /* @__PURE__ */ e(
+            J,
+            {
+              actionName: "cancel",
+              actionDescription: "Cancelar operação",
+              leftSection: /* @__PURE__ */ e(Be, {}),
+              onClick: xe,
+              disabled: h && h.isBrowsing(),
+              variant: w ?? O.variant,
+              color: "red",
+              children: D || `${x().t("Cancel")}`
+            }
+          )
+        ] }) : /* @__PURE__ */ e(oe, { gap: "md", children: /* @__PURE__ */ e(
+          J,
+          {
+            actionName: "close",
+            actionDescription: "Fechar formulário",
+            leftSection: /* @__PURE__ */ e(Be, {}),
+            onClick: xe,
+            variant: w ?? O.variant,
+            children: `${x().t("Close")}`
+          }
+        ) }),
+        (V === "left" || V === "center") && F && /* @__PURE__ */ e(he, { style: { flex: V === "left" ? 1 : 0, textAlign: "right" }, children: F })
+      ]
+    }
+  );
   return /* @__PURE__ */ e(
-    Ee,
+    Ge,
     {
-      resourceName: oe,
-      resourceDescription: te,
-      requiredPermissions: K,
-      fallbackComponent: M,
-      onSecurityReady: B?.onSecurityReady,
-      onAccessDenied: B?.onAccessDenied,
-      children: /* @__PURE__ */ e(Et, { children: /* @__PURE__ */ x(
-        Oe,
+      resourceName: te,
+      resourceDescription: se,
+      requiredPermissions: ne,
+      fallbackComponent: H,
+      onSecurityReady: z?.onSecurityReady,
+      onAccessDenied: z?.onAccessDenied,
+      children: /* @__PURE__ */ e(At, { children: /* @__PURE__ */ c(
+        Le,
         {
           ref: t,
-          withBorder: G,
-          radius: a,
+          withBorder: s,
+          radius: I,
           style: {
-            width: h,
-            height: v,
+            width: P,
+            height: l,
             display: "flex",
             flexDirection: "column",
-            padding: 4
+            padding: A ? 0 : 4
           },
           children: [
-            X && /* @__PURE__ */ e(Xe, { style: { flexShrink: 0 }, children: /* @__PURE__ */ e(
-              Qe,
+            A && /* @__PURE__ */ e(
+              he,
+              {
+                style: {
+                  flexShrink: 0,
+                  padding: "16px 24px",
+                  borderBottom: "1px solid var(--mantine-color-gray-2)"
+                },
+                children: /* @__PURE__ */ c(pe, { justify: "space-between", align: "center", children: [
+                  /* @__PURE__ */ c(oe, { gap: "md", children: [
+                    N && /* @__PURE__ */ e(
+                      pt,
+                      {
+                        variant: "subtle",
+                        color: "gray",
+                        size: "lg",
+                        onClick: N,
+                        style: { border: "1px solid var(--mantine-color-gray-3)" },
+                        children: /* @__PURE__ */ e(Bt, { size: 18 })
+                      }
+                    ),
+                    (n || o) && /* @__PURE__ */ c(he, { children: [
+                      n && /* @__PURE__ */ e(Tt, { order: 4, fw: 600, children: n }),
+                      o && /* @__PURE__ */ e(ye, { size: "sm", c: "dimmed", children: o })
+                    ] })
+                  ] }),
+                  Ne()
+                ] })
+              }
+            ),
+            _ && /* @__PURE__ */ e(he, { style: { flexShrink: 0, padding: A ? "16px 24px 0" : void 0 }, children: /* @__PURE__ */ e(
+              Ke,
               {
-                autoClose: b,
+                autoClose: C,
                 withCloseButton: !0,
                 withBorder: !0,
-                icon: /* @__PURE__ */ e(Ke, { size: "1.4rem" }),
-                title: C().t("WARNING"),
+                icon: /* @__PURE__ */ e(Oe, { size: "1.4rem" }),
+                title: x().t("WARNING"),
                 titleColor: "rgb(250, 82, 82)",
-                variant: S ?? T.variant,
-                onClose: ie,
-                children: /* @__PURE__ */ e("span", { children: Y })
+                variant: w ?? O.variant,
+                onClose: Fe,
+                children: /* @__PURE__ */ e("span", { children: Ce })
               }
             ) }),
-            /* @__PURE__ */ x(
-              Ft,
+            /* @__PURE__ */ c(
+              Xe,
               {
                 style: {
                   flex: 1,
                   minHeight: 0,
-                  // Importante para flex funcionar
-                  padding: "calc(0.625rem / 2)"
+                  padding: A ? "24px" : "calc(0.625rem / 2)"
                 },
                 children: [
-                  /* @__PURE__ */ e(Rt, { visible: f || r, opacity: 0.3 }),
-                  o
+                  /* @__PURE__ */ e(vt, { visible: u || r || i, opacity: 0.3 }),
+                  L
                 ]
               }
             ),
-            /* @__PURE__ */ x(
-              Xe,
-              {
-                style: {
-                  flexShrink: 0,
-                  padding: "calc(0.625rem / 2)",
-                  display: "flex",
-                  justifyContent: w === "center" ? "center" : "space-between",
-                  alignItems: "center",
-                  gap: "1rem"
-                },
-                children: [
-                  w === "right" && E && /* @__PURE__ */ e(Xe, { style: { flex: 1 }, children: E }),
-                  g && !g.isBrowsing() ? /* @__PURE__ */ x(se, { gap: "md", children: [
-                    /* @__PURE__ */ e(
-                      ee,
-                      {
-                        actionName: "save",
-                        actionDescription: `Salvar ${te || "registro"}`,
-                        leftSection: /* @__PURE__ */ e(zt, {}),
-                        onClick: () => _(g.getCurrentRecord()),
-                        disabled: g && g.isBrowsing(),
-                        variant: S ?? T.variant,
-                        color: "green",
-                        children: `${C().t("Ok")}`
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      ee,
-                      {
-                        actionName: "cancel",
-                        actionDescription: "Cancelar operação",
-                        leftSection: /* @__PURE__ */ e(Pe, {}),
-                        onClick: re,
-                        disabled: g && g.isBrowsing(),
-                        variant: S ?? T.variant,
-                        color: "red",
-                        children: `${C().t("Cancel")}`
-                      }
-                    )
-                  ] }) : /* @__PURE__ */ e(se, { gap: "md", children: /* @__PURE__ */ e(
-                    ee,
-                    {
-                      actionName: "close",
-                      actionDescription: "Fechar formulário",
-                      leftSection: /* @__PURE__ */ e(Pe, {}),
-                      onClick: re,
-                      variant: S ?? T.variant,
-                      children: `${C().t("Close")}`
-                    }
-                  ) }),
-                  (w === "left" || w === "center") && E && /* @__PURE__ */ e(Xe, { style: { flex: w === "left" ? 1 : 0, textAlign: "right" }, children: E })
-                ]
-              }
-            )
+            ce && De()
           ]
         }
       ) })
     }
   );
 }
-function Sn({
+function Bn({
   title: t,
   withOverlay: n = !0,
-  overlayProps: l,
+  overlayProps: o,
   children: f,
   withCloseButton: r = !0,
   closeButtonProps: i,
-  opened: c,
-  fullScreen: b,
-  centered: h,
-  variant: v,
-  closeOnEscape: G = !0,
-  size: o,
-  dataSource: a,
-  height: S,
-  userActions: w,
-  onAfterSave: E,
-  onClickOk: g,
-  onClickCancel: d,
-  onBeforeOk: R,
-  onCustomSave: I,
-  isError: L,
-  error: y = "",
-  clearError: p = () => {
+  opened: u,
+  fullScreen: v,
+  centered: a,
+  variant: C,
+  closeOnEscape: P = !0,
+  size: l,
+  dataSource: s,
+  height: L,
+  userActions: I,
+  onAfterSave: w,
+  onClickOk: R,
+  onClickCancel: m,
+  onBeforeOk: D,
+  onCustomSave: N,
+  isError: V,
+  error: F = "",
+  clearError: h = () => {
   },
-  onError: D,
-  autoCloseAlertError: oe = 15e3,
-  loadingOverlayStyles: te,
+  onError: X,
+  autoCloseAlertError: Z = 15e3,
+  loadingOverlayStyles: ae,
   // Props de segurança (opcionais)
-  resourceName: K,
-  resourceDescription: M,
-  requiredPermissions: B,
-  fallbackComponent: A,
-  securityOptions: T,
-  ...X
+  resourceName: W,
+  resourceDescription: G,
+  requiredPermissions: M,
+  fallbackComponent: y,
+  securityOptions: U,
+  ...ee
 }) {
-  const V = Re(), Y = tt(), { colorScheme: ne } = Ze(), [Z, U] = O(L), [$, _] = O(y), [re, ie] = O(!1), j = mt();
-  Ae({
-    resourceDescription: M || t?.toString(),
-    autoRegisterActions: T?.autoRegisterActions ?? !0
+  const E = ze(), te = at(), { colorScheme: se } = lt(), [ne, H] = Q(V), [z, Y] = Q(F), [O, _] = Q(!1), ue = ot();
+  Pe({
+    resourceDescription: G || t?.toString(),
+    autoRegisterActions: U?.autoRegisterActions ?? !0
   });
-  const le = Ge(
+  const Ce = _e(
     "ArchbaseFormModalTemplate",
-    a,
+    s,
     void 0,
     void 0
   );
   nt({
-    dataSource: a,
-    listener: (H) => {
-      H.type === Ce.onError && (U(!0), _(H.error)), (H.type === Ce.afterEdit || H.type === Ce.afterInsert) && (le.isDataSourceV2 || j());
+    dataSource: s,
+    listener: (B) => {
+      B.type === Re.onError && (H(!0), Y(B.error)), (B.type === Re.afterEdit || B.type === Re.afterInsert) && (Ce.isDataSourceV2 || ue());
     }
   });
-  const he = async () => {
-    if (a && !a.isBrowsing())
+  const le = async () => {
+    if (s && !s.isBrowsing())
       try {
-        ie(!0), await a.save(), E && E(a.getCurrentRecord());
-      } catch (H) {
-        return D && D(pe(H)), U(!0), _(pe(H)), ie(!1), !1;
+        _(!0), await s.save(), w && w(s.getCurrentRecord());
+      } catch (B) {
+        return X && X(fe(B)), H(!0), Y(fe(B)), _(!1), !1;
       }
-    return ie(!1), !0;
-  }, s = () => {
-    if (a && !a.isBrowsing())
+    return _(!1), !0;
+  }, d = () => {
+    if (s && !s.isBrowsing())
       try {
-        a.cancel();
+        s.cancel();
       } catch {
       }
-  }, N = async () => {
-    if (I)
-      a && I(a.getCurrentRecord(), () => {
-        g && g();
+  }, k = async () => {
+    if (N)
+      s && N(s.getCurrentRecord(), () => {
+        R && R();
       });
-    else if (R) {
-      const H = R(a.getCurrentRecord());
-      H instanceof Promise && H.then(async () => {
-        await he() && g && g();
-      }).catch((be) => {
-        D && D(pe(be)), U(!0), _(pe(be));
+    else if (D) {
+      const B = D(s.getCurrentRecord());
+      B instanceof Promise && B.then(async () => {
+        await le() && R && R();
+      }).catch((me) => {
+        X && X(fe(me)), H(!0), Y(fe(me));
       });
     } else
-      await he() && g && g();
-  }, W = () => {
-    s(), d && d();
-  }, xe = () => {
-    Ct.showWarning(C().t("archbase:Click on Ok or Cancel to close"));
-  }, fe = () => {
-    p && p(), U(!1), _("");
+      await le() && R && R();
+  }, $ = () => {
+    d(), m && m();
+  }, we = () => {
+    Rt.showWarning(x().t("archbase:Click on Ok or Cancel to close"));
+  }, de = () => {
+    h && h(), H(!1), Y("");
   };
   return /* @__PURE__ */ e(
-    Ee,
+    Ge,
     {
-      resourceName: K,
-      resourceDescription: M,
-      requiredPermissions: B,
-      fallbackComponent: A,
-      onSecurityReady: T?.onSecurityReady,
-      onAccessDenied: T?.onAccessDenied,
+      resourceName: W,
+      resourceDescription: G,
+      requiredPermissions: M,
+      fallbackComponent: y,
+      onSecurityReady: U?.onSecurityReady,
+      onAccessDenied: U?.onAccessDenied,
       children: /* @__PURE__ */ e(
-        ft,
+        Ct,
         {
           title: t,
           withOverlay: n,
-          overlayProps: l || {
-            color: ne === "dark" ? Y.colors.dark[7] : Y.colors.gray[6],
+          overlayProps: o || {
+            color: se === "dark" ? te.colors.dark[7] : te.colors.gray[6],
             opacity: 0.25
           },
           withCloseButton: r,
           closeButtonProps: i,
-          onClose: xe,
-          opened: c,
-          fullScreen: b,
-          centered: h,
-          closeOnEscape: G,
-          size: o,
-          ...X,
-          children: /* @__PURE__ */ x(Et, { children: [
-            /* @__PURE__ */ e(Rt, { styles: te, visible: re, opacity: 0.8 }),
-            /* @__PURE__ */ x(rt, { height: S, children: [
-              Z ? /* @__PURE__ */ e(xt, { size: "100px", children: /* @__PURE__ */ e(
-                Qe,
+          onClose: we,
+          opened: u,
+          fullScreen: v,
+          centered: a,
+          closeOnEscape: P,
+          size: l,
+          ...ee,
+          children: /* @__PURE__ */ c(At, { children: [
+            /* @__PURE__ */ e(vt, { styles: ae, visible: O, opacity: 0.8 }),
+            /* @__PURE__ */ c(ct, { height: L, children: [
+              ne ? /* @__PURE__ */ e(Et, { size: "100px", children: /* @__PURE__ */ e(
+                Ke,
                 {
-                  autoClose: oe,
+                  autoClose: Z,
                   withCloseButton: !0,
                   withBorder: !0,
-                  icon: /* @__PURE__ */ e(Ke, { size: "1.4rem" }),
-                  title: C().t("WARNING"),
+                  icon: /* @__PURE__ */ e(Oe, { size: "1.4rem" }),
+                  title: x().t("WARNING"),
                   titleColor: "rgb(250, 82, 82)",
-                  variant: v ?? V.variant,
-                  onClose: fe,
-                  children: /* @__PURE__ */ e("span", { children: $ })
+                  variant: C ?? E.variant,
+                  onClose: de,
+                  children: /* @__PURE__ */ e("span", { children: z })
                 }
               ) }) : null,
-              /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(Bt, { children: f }) }),
-              /* @__PURE__ */ e(ot, { size: "40px", children: /* @__PURE__ */ x(ge, { justify: "space-between", align: "center", children: [
-                /* @__PURE__ */ e(se, { children: w }),
-                a && !a.isBrowsing() ? /* @__PURE__ */ x(se, { gap: "md", children: [
+              /* @__PURE__ */ e(st, { children: /* @__PURE__ */ e($t, { children: f }) }),
+              /* @__PURE__ */ e(dt, { size: "40px", children: /* @__PURE__ */ c(pe, { justify: "space-between", align: "center", children: [
+                /* @__PURE__ */ e(oe, { children: I }),
+                s && !s.isBrowsing() ? /* @__PURE__ */ c(oe, { gap: "md", children: [
                   /* @__PURE__ */ e(
-                    ee,
+                    J,
                     {
                       actionName: "save",
-                      actionDescription: `Salvar ${M || t || "registro"}`,
-                      leftSection: /* @__PURE__ */ e(qe, {}),
-                      onClick: N,
-                      disabled: a && a.isBrowsing(),
-                      variant: v ?? V.variant,
+                      actionDescription: `Salvar ${G || t || "registro"}`,
+                      leftSection: /* @__PURE__ */ e(Ye, {}),
+                      onClick: k,
+                      disabled: s && s.isBrowsing(),
+                      variant: C ?? E.variant,
                       color: "green",
-                      children: `${C().t("Ok")}`
+                      children: `${x().t("Ok")}`
                     }
                   ),
                   /* @__PURE__ */ e(
-                    ee,
+                    J,
                     {
                       actionName: "cancel",
                       actionDescription: "Cancelar operação",
-                      leftSection: /* @__PURE__ */ e(Pe, {}),
-                      onClick: W,
-                      disabled: a && a.isBrowsing(),
-                      variant: v ?? V.variant,
+                      leftSection: /* @__PURE__ */ e(Be, {}),
+                      onClick: $,
+                      disabled: s && s.isBrowsing(),
+                      variant: C ?? E.variant,
                       color: "red",
-                      children: `${C().t("Cancel")}`
+                      children: `${x().t("Cancel")}`
                     }
                   )
-                ] }) : /* @__PURE__ */ e(se, { gap: "md", children: /* @__PURE__ */ e(
-                  ee,
+                ] }) : /* @__PURE__ */ e(oe, { gap: "md", children: /* @__PURE__ */ e(
+                  J,
                   {
                     actionName: "close",
                     actionDescription: "Fechar janela",
-                    leftSection: /* @__PURE__ */ e(Pe, {}),
-                    onClick: W,
-                    variant: v ?? V.variant,
-                    children: `${C().t("Close")}`
+                    leftSection: /* @__PURE__ */ e(Be, {}),
+                    onClick: $,
+                    variant: C ?? E.variant,
+                    children: `${x().t("Close")}`
                   }
                 ) })
               ] }) })
@@ -479,96 +558,96 @@ function Sn({
     }
   );
 }
-function In({
+function Nn({
   title: t,
   withOverlay: n = !0,
-  overlayProps: l,
+  overlayProps: o,
   children: f,
   withCloseButton: r = !0,
   closeButtonProps: i,
-  opened: c,
-  fullScreen: b,
-  centered: h,
-  variant: v,
-  closeOnEscape: G = !0,
-  size: o,
-  height: a,
-  onlyOkButton: S = !1,
-  onClose: w,
-  onClickOk: E,
-  onClickCancel: g,
-  userActions: d,
+  opened: u,
+  fullScreen: v,
+  centered: a,
+  variant: C,
+  closeOnEscape: P = !0,
+  size: l,
+  height: s,
+  onlyOkButton: L = !1,
+  onClose: I,
+  onClickOk: w,
+  onClickCancel: R,
+  userActions: m,
   // Props de segurança (opcionais)
-  resourceName: R,
-  resourceDescription: I,
-  requiredPermissions: L,
-  fallbackComponent: y,
-  securityOptions: p
+  resourceName: D,
+  resourceDescription: N,
+  requiredPermissions: V,
+  fallbackComponent: F,
+  securityOptions: h
 }) {
-  const D = Re(), oe = tt(), { colorScheme: te } = Ze();
-  Ae({
-    autoRegisterActions: p?.autoRegisterActions ?? !0
+  const X = ze(), Z = at(), { colorScheme: ae } = lt();
+  Pe({
+    autoRegisterActions: h?.autoRegisterActions ?? !0
   });
-  const K = () => {
-    E && E(), w();
+  const W = () => {
+    w && w(), I();
+  }, G = () => {
+    R && R(), I();
   }, M = () => {
-    g && g(), w();
-  }, B = () => {
-    Ct.showWarning(C().t("Click on Ok or Cancel to close"));
+    Rt.showWarning(x().t("Click on Ok or Cancel to close"));
   };
   return /* @__PURE__ */ e(
-    Ee,
+    Ge,
     {
-      resourceName: R,
-      resourceDescription: I,
-      requiredPermissions: L,
-      fallbackComponent: y,
-      onSecurityReady: p?.onSecurityReady,
-      onAccessDenied: p?.onAccessDenied,
+      resourceName: D,
+      resourceDescription: N,
+      requiredPermissions: V,
+      fallbackComponent: F,
+      onSecurityReady: h?.onSecurityReady,
+      onAccessDenied: h?.onAccessDenied,
       children: /* @__PURE__ */ e(
-        ft,
+        Ct,
         {
           title: t,
           withOverlay: n,
-          overlayProps: l || {
-            color: te === "dark" ? oe.colors.dark[7] : oe.colors.gray[6],
+          overlayProps: o || {
+            color: ae === "dark" ? Z.colors.dark[7] : Z.colors.gray[6],
             opacity: 0.25
           },
           withCloseButton: r,
           closeButtonProps: i,
-          onClose: B,
-          opened: c,
-          fullScreen: b,
-          centered: h,
-          closeOnEscape: G,
-          size: o,
-          children: /* @__PURE__ */ x(rt, { height: a, children: [
-            /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(Bt, { children: f }) }),
-            /* @__PURE__ */ e(ot, { size: "40px", children: /* @__PURE__ */ x(ge, { justify: "space-between", align: "center", children: [
-              /* @__PURE__ */ e(se, { children: d }),
-              /* @__PURE__ */ x(se, { gap: "md", children: [
+          onClose: M,
+          opened: u,
+          fullScreen: v,
+          centered: a,
+          closeOnEscape: P,
+          size: l,
+          children: /* @__PURE__ */ c(ct, { height: s, children: [
+            /* @__PURE__ */ e(st, { children: /* @__PURE__ */ e($t, { children: f }) }),
+            /* @__PURE__ */ e(dt, { size: "40px", children: /* @__PURE__ */ c(pe, { justify: "space-between", align: "center", children: [
+              /* @__PURE__ */ e(oe, { children: m }),
+              /* @__PURE__ */ c(oe, { gap: "md", children: [
                 /* @__PURE__ */ e(
-                  ee,
+                  J,
                   {
                     actionName: "save",
-                    actionDescription: `Salvar ${I || "registro"}`,
-                    leftSection: /* @__PURE__ */ e(qe, {}),
-                    onClick: K,
-                    variant: v ?? D.variant,
+                    actionDescription: `Salvar ${N || "registro"}`,
+                    leftSection: /* @__PURE__ */ e(Ye, {}),
+                    onClick: W,
+                    variant: C ?? X.variant,
                     color: "green",
-                    children: `${C().t("Ok")}`
+                    children: `${x().t("Ok")}`
                   }
                 ),
-                S ? null : /* @__PURE__ */ e(
-                  ee,
+                L ? null : /* @__PURE__ */ e(
+                  J,
                   {
                     actionName: "cancel",
                     actionDescription: "Cancelar operação",
-                    leftSection: /* @__PURE__ */ e(Pe, {}),
-                    onClick: M,
-                    variant: v ?? D.variant,
+                    leftSection: /* @__PURE__ */ e(Be, {}),
+                    onClick: G,
+                    variant: C ?? X.variant,
                     color: "red",
-                    children: g ? `${C().t("Cancel")}` : `${C().t("Close")}`
+                    children: R ? `${x().t("Cancel")}` : `${x().t("Close")}`
                   }
                 )
               ] })
@@ -579,10 +658,10 @@ function In({
     }
   );
 }
-const nn = (t, n, l) => {
+const cn = (t, n, o) => {
   if (!t || !n || !n.existsValue(`${t.viewName}_${t.componentName}`)) {
     let f = -1, r;
-    return l && l.getFilters().length > 0 && (f = 0, r = JSON.parse(l.getFirstFilter()?.filter)), {
+    return o && o.getFilters().length > 0 && (f = 0, r = JSON.parse(o.getFirstFilter()?.filter)), {
       activeFilterIndex: f,
       expandedFilter: !1,
       currentFilter: r
@@ -590,319 +669,319 @@ const nn = (t, n, l) => {
   }
   return n.getValue(`${t.viewName}_${t.componentName}`);
 };
-function rn(t, n) {
+function sn(t, n) {
   const {
-    title: l,
+    title: o,
     printTitle: f,
     dataSource: r,
     filterOptions: i,
-    pageSize: c = 15,
-    pageIndex: b = 0,
-    columns: h,
-    filterFields: v,
-    logoPrint: G,
-    userActions: o,
-    userRowActions: a,
-    customRenderRowActions: S,
-    innerRef: w,
-    isLoading: E = !1,
-    isLoadingFilter: g = !1,
-    isError: d = !1,
-    enableTopToolbar: R = !0,
-    enableTopToolbarActions: I = !0,
-    error: L = "",
-    clearError: y = () => {
+    pageSize: u = 15,
+    pageIndex: v = 0,
+    columns: a,
+    filterFields: C,
+    logoPrint: P,
+    userActions: l,
+    userRowActions: s,
+    customRenderRowActions: L,
+    innerRef: I,
+    isLoading: w = !1,
+    isLoadingFilter: R = !1,
+    isError: m = !1,
+    enableTopToolbar: D = !0,
+    enableTopToolbarActions: N = !0,
+    error: V = "",
+    clearError: F = () => {
     },
-    filterType: p,
-    width: D = "100%",
-    height: oe = "100%",
-    onSearchByFilter: te,
-    getRowId: K,
-    withBorder: M = !0,
-    filterPersistenceDelegator: B,
-    variant: A,
-    store: T,
-    cellPadding: X,
-    bottomToolbarMinHeight: V,
-    enableRowSelection: Y = !0,
-    enableRowNumbers: ne = !0,
-    enableRowActions: Z = !0,
-    positionActionsColumn: U = "first",
-    actionsColumnWidth: $,
-    tableHeadCellPadding: _,
-    renderDetailPanel: re,
-    renderTopToolbar: ie,
-    toolbarAlignment: j = "right",
-    toolbarLeftContent: le,
-    onSelectedRowsChanged: he,
-    onCellDoubleClick: s,
-    onFilterModelChange: N,
-    paginationLabels: W,
+    filterType: h,
+    width: X = "100%",
+    height: Z = "100%",
+    onSearchByFilter: ae,
+    getRowId: W,
+    withBorder: G = !0,
+    filterPersistenceDelegator: M,
+    variant: y,
+    store: U,
+    cellPadding: ee,
+    bottomToolbarMinHeight: E,
+    enableRowSelection: te = !0,
+    enableRowNumbers: se = !0,
+    enableRowActions: ne = !0,
+    positionActionsColumn: H = "first",
+    actionsColumnWidth: z,
+    tableHeadCellPadding: Y,
+    renderDetailPanel: O,
+    renderTopToolbar: _,
+    toolbarAlignment: ue = "right",
+    toolbarLeftContent: Ce,
+    onSelectedRowsChanged: le,
+    onCellDoubleClick: d,
+    onFilterModelChange: k,
+    paginationLabels: $,
     // Props de segurança (opcionais)
-    resourceName: xe,
-    resourceDescription: fe,
-    requiredPermissions: H,
-    fallbackComponent: be,
-    securityOptions: ye,
+    resourceName: we,
+    resourceDescription: de,
+    requiredPermissions: B,
+    fallbackComponent: me,
+    securityOptions: xe,
     // Props para controle de bordas internas
-    withToolbarBorder: $e,
-    withPaginationBorder: Ve,
-    toolbarPadding: z,
-    paginationPadding: ae,
-    rowHeight: ze,
-    hideFooter: Se = !0
-  } = t, Le = ue(null), q = ue(null);
-  tt();
-  const { colorScheme: Me } = Ze();
-  Ae({
-    autoRegisterActions: ye?.autoRegisterActions ?? !0
+    withToolbarBorder: Fe,
+    withPaginationBorder: Ie,
+    toolbarPadding: A,
+    paginationPadding: ce,
+    rowHeight: Ne,
+    hideFooter: De = !0
+  } = t, re = Ae(null), S = Ae(null);
+  at();
+  const { colorScheme: $e } = lt();
+  Pe({
+    autoRegisterActions: xe?.autoRegisterActions ?? !0
   });
-  const ve = Ge(
+  const Te = _e(
     "ArchbaseGridTemplate",
     r,
     void 0,
     void 0
   );
-  It(n, () => ({
+  zt(n, () => ({
     refreshData: () => {
-      q.current && q.current.refreshData();
+      S.current && S.current.refreshData();
     },
-    getSelectedRows: () => q.current ? q.current.getSelectedRows() : [],
+    getSelectedRows: () => S.current ? S.current.getSelectedRows() : [],
     clearSelection: () => {
-      q.current && q.current.clearSelection();
+      S.current && S.current.clearSelection();
     },
     exportData: () => {
-      q.current && q.current.exportData();
+      S.current && S.current.exportData();
     },
     printData: () => {
-      q.current && q.current.printData();
+      S.current && S.current.printData();
     },
-    getDataGridRef: () => q,
-    getFilterModel: () => q.current ? q.current.getFilterModel() : { items: [], quickFilterValues: [] }
-  }), [q]);
-  const [m, P] = O({
+    getDataGridRef: () => S,
+    getFilterModel: () => S.current ? S.current.getFilterModel() : { items: [], quickFilterValues: [] }
+  }), [S]);
+  const [g, j] = Q({
     activeFilterIndex: -1,
     currentFilter: void 0,
     expandedFilter: !1
   });
-  _e(() => {
-    const F = nn(i, T, B);
-    P(F);
-  }, [g]);
-  const J = (F) => {
-    if (S)
-      return S(F);
-    if (!a || !a.actions)
+  et(() => {
+    const T = cn(i, U, M);
+    j(T);
+  }, [R]);
+  const q = (T) => {
+    if (L)
+      return L(T);
+    if (!s || !s.actions)
       return;
-    const me = a.actions;
+    const Se = s.actions;
     return /* @__PURE__ */ e(
-      me,
+      Se,
       {
-        onEditRow: a.onEditRow ? (u) => a.onEditRow && a.onEditRow(u) : void 0,
-        onRemoveRow: a.onRemoveRow ? (u) => a.onRemoveRow && a.onRemoveRow(u) : void 0,
-        onViewRow: a.onViewRow ? (u) => a.onViewRow && a.onViewRow(u) : void 0,
-        row: F,
-        variant: A ?? ce.variant
+        onEditRow: s.onEditRow ? (p) => s.onEditRow && s.onEditRow(p) : void 0,
+        onRemoveRow: s.onRemoveRow ? (p) => s.onRemoveRow && s.onRemoveRow(p) : void 0,
+        onViewRow: s.onViewRow ? (p) => s.onViewRow && s.onViewRow(p) : void 0,
+        row: T,
+        variant: y ?? ge.variant
       }
     );
-  }, ce = Re(), de = ue(null), we = d ? !1 : E, Ie = Be(() => le, [le]);
-  Je.useEffect(() => {
-    w && w.current !== de.current && w.current && de.current && (w.current = de.current);
-  }, [w]);
-  const Ue = (F, me) => {
-    const u = { ...m, currentFilter: F, activeFilterIndex: me };
-    P(u), T && i && T?.setValue(`${i.viewName}_${i.componentName}`, u);
-  }, lt = (F) => {
-    const me = { ...m, expandedFilter: F };
-    P(me), T && i && T?.setValue(`${i.viewName}_${i.componentName}`, me);
-  }, at = (F, me) => {
-    const u = { ...m, currentFilter: F, activeFilterIndex: me };
-    P(u), T && i && T?.setValue(`${i.viewName}_${i.componentName}`, u);
-  }, je = () => {
-    if (m.currentFilter)
-      if (te)
-        te();
-      else if (m.currentFilter.filter.filterType === "quick") {
-        const F = r.getOptions();
-        m.currentFilter.filter.quickFilterText && m.currentFilter.filter.quickFilterText !== "" ? (F.filter = JSON.stringify({
-          search: m.currentFilter.filter.quickFilterText,
-          fields: m.currentFilter.filter.quickFilterFieldsText
-        }), F.sort = m.currentFilter.sort.quickFilterSort ? m.currentFilter.sort.quickFilterSort.split(",") : []) : (F.filter = void 0, F.sort = void 0), r.refreshData(F), ve.isDataSourceV2 || ve.v1State.forceUpdate();
+  }, ge = ze(), ve = Ae(null), ke = m ? !1 : w, Ve = He(() => Ce, [Ce]);
+  Ze.useEffect(() => {
+    I && I.current !== ve.current && I.current && ve.current && (I.current = ve.current);
+  }, [I]);
+  const Ue = (T, Se) => {
+    const p = { ...g, currentFilter: T, activeFilterIndex: Se };
+    j(p), U && i && U?.setValue(`${i.viewName}_${i.componentName}`, p);
+  }, qe = (T) => {
+    const Se = { ...g, expandedFilter: T };
+    j(Se), U && i && U?.setValue(`${i.viewName}_${i.componentName}`, Se);
+  }, b = (T, Se) => {
+    const p = { ...g, currentFilter: T, activeFilterIndex: Se };
+    j(p), U && i && U?.setValue(`${i.viewName}_${i.componentName}`, p);
+  }, Ee = () => {
+    if (g.currentFilter)
+      if (ae)
+        ae();
+      else if (g.currentFilter.filter.filterType === "quick") {
+        const T = r.getOptions();
+        g.currentFilter.filter.quickFilterText && g.currentFilter.filter.quickFilterText !== "" ? (T.filter = JSON.stringify({
+          search: g.currentFilter.filter.quickFilterText,
+          fields: g.currentFilter.filter.quickFilterFieldsText
+        }), T.sort = g.currentFilter.sort.quickFilterSort ? g.currentFilter.sort.quickFilterSort.split(",") : []) : (T.filter = void 0, T.sort = void 0), r.refreshData(T), Te.isDataSourceV2 || Te.v1State.forceUpdate();
       } else {
-        const F = Yt(m.currentFilter);
-        if (F && F.expressionNode) {
-          const me = Mt(F.expressionNode), u = r.getOptions();
-          u.filter = me, u.sort = F?.sortStrings, r.refreshData(u), ve.isDataSourceV2 || ve.v1State.forceUpdate();
+        const T = rn(g.currentFilter);
+        if (T && T.expressionNode) {
+          const Se = qt(T.expressionNode), p = r.getOptions();
+          p.filter = Se, p.sort = T?.sortStrings, r.refreshData(p), Te.isDataSourceV2 || Te.v1State.forceUpdate();
         }
       }
   };
-  let De, He;
-  const st = (F) => {
-    De = F;
-  }, ct = (F) => {
-    He = F;
-  }, dt = () => {
-    He && He();
-  }, ut = () => {
-    De && De();
-  }, ht = () => p === "none" ? /* @__PURE__ */ e("div", {}) : p === "advanced" ? /* @__PURE__ */ e(
-    vt,
+  let je, Qe;
+  const ht = (T) => {
+    je = T;
+  }, ut = (T) => {
+    Qe = T;
+  }, ft = () => {
+    Qe && Qe();
+  }, mt = () => {
+    je && je();
+  }, gt = () => h === "none" ? /* @__PURE__ */ e("div", {}) : h === "advanced" ? /* @__PURE__ */ e(
+    St,
     {
       id: i?.componentName,
       viewName: i?.viewName,
       apiVersion: i?.apiVersion,
-      ref: Le,
-      variant: A ?? ce.variant,
-      expandedFilter: m.expandedFilter,
-      persistenceDelegator: B,
-      currentFilter: m.currentFilter,
-      activeFilterIndex: m.activeFilterIndex,
-      onSelectedFilter: at,
+      ref: re,
+      variant: y ?? ge.variant,
+      expandedFilter: g.expandedFilter,
+      persistenceDelegator: M,
+      currentFilter: g.currentFilter,
+      activeFilterIndex: g.activeFilterIndex,
+      onSelectedFilter: b,
       onFilterChanged: Ue,
-      onSearchByFilter: je,
-      onToggleExpandedFilter: lt,
-      onExport: dt,
-      onPrint: ut,
+      onSearchByFilter: Ee,
+      onToggleExpandedFilter: qe,
+      onExport: ft,
+      onPrint: mt,
       showExportButton: !0,
       showPrintButton: !0,
       width: "560px",
       height: "170px",
-      children: v
+      children: C
     }
-  ) : p === "normal" ? /* @__PURE__ */ e("div", {}) : /* @__PURE__ */ e("div", {});
+  ) : h === "normal" ? /* @__PURE__ */ e("div", {}) : /* @__PURE__ */ e("div", {});
   return /* @__PURE__ */ e(
-    Ee,
+    Ge,
     {
-      resourceName: xe,
-      resourceDescription: fe,
-      requiredPermissions: H,
-      fallbackComponent: be,
-      onSecurityReady: ye?.onSecurityReady,
-      onAccessDenied: ye?.onAccessDenied,
-      children: /* @__PURE__ */ x(Oe, { withBorder: M, ref: de, style: { height: "100%" }, children: [
-        d ? /* @__PURE__ */ e(
-          Qe,
+      resourceName: we,
+      resourceDescription: de,
+      requiredPermissions: B,
+      fallbackComponent: me,
+      onSecurityReady: xe?.onSecurityReady,
+      onAccessDenied: xe?.onAccessDenied,
+      children: /* @__PURE__ */ c(Le, { withBorder: G, ref: ve, style: { height: "100%" }, children: [
+        m ? /* @__PURE__ */ e(
+          Ke,
           {
             autoClose: 2e4,
             withCloseButton: !0,
             withBorder: !0,
-            icon: /* @__PURE__ */ e(Ke, { size: "1.4rem" }),
-            title: C().t("archbase:WARNING"),
+            icon: /* @__PURE__ */ e(Oe, { size: "1.4rem" }),
+            title: x().t("archbase:WARNING"),
             titleColor: "rgb(250, 82, 82)",
-            variant: A ?? ce.variant,
-            onClose: () => y && y(),
-            children: /* @__PURE__ */ e("span", { children: L })
+            variant: y ?? ge.variant,
+            onClose: () => F && F(),
+            children: /* @__PURE__ */ e("span", { children: V })
           }
         ) : null,
-        /* @__PURE__ */ x(
-          Tt,
+        /* @__PURE__ */ c(
+          Gt,
           {
-            gridRef: q,
-            printTitle: f || l,
-            logoPrint: G,
-            width: D,
-            height: oe,
+            gridRef: S,
+            printTitle: f || o,
+            logoPrint: P,
+            width: X,
+            height: Z,
             withBorder: !1,
             dataSource: r,
             enableColumnResizing: !0,
-            enableRowNumbers: ne,
-            enableRowSelection: Y,
-            enableRowActions: Z,
-            enableTopToolbar: R,
-            enableTopToolbarActions: I,
+            enableRowNumbers: se,
+            enableRowSelection: te,
+            enableRowActions: ne,
+            enableTopToolbar: D,
+            enableTopToolbarActions: N,
             manualPagination: !0,
             manualSorting: !0,
-            isLoading: we,
-            pageSize: c,
-            pageIndex: b,
-            allowColumnFilters: p !== "none",
-            enableGlobalFilter: p !== "none",
-            renderToolbarInternalActions: p == "none" ? () => /* @__PURE__ */ e("div", {}) : void 0,
+            isLoading: ke,
+            pageSize: u,
+            pageIndex: v,
+            allowColumnFilters: h !== "none",
+            enableGlobalFilter: h !== "none",
+            renderToolbarInternalActions: h == "none" ? () => /* @__PURE__ */ e("div", {}) : void 0,
             allowExportData: !0,
             allowPrintData: !0,
-            onSelectedRowsChanged: he,
-            onCellDoubleClick: s,
-            onFilterModelChange: N,
-            renderRowActions: Z ? J : void 0,
-            positionActionsColumn: U,
-            actionsColumnWidth: $,
-            toolbarAlignment: j,
-            toolbarLeftContent: Ie,
-            renderToolbarActions: p === "advanced" || p === "none" ? ht : void 0,
-            paginationLabels: W,
-            cellPadding: X,
-            bottomToolbarMinHeight: V,
-            tableHeadCellPadding: _,
-            getRowId: K,
-            renderDetailPanel: re ? ({ row: F }) => re({ row: F }) : void 0,
-            renderTopToolbar: ie,
-            onExport: ct,
-            onPrint: st,
-            variant: A,
-            withToolbarBorder: $e,
-            withPaginationBorder: Ve,
-            toolbarPadding: z,
-            paginationPadding: ae,
-            rowHeight: ze,
-            hideFooter: Se,
+            onSelectedRowsChanged: le,
+            onCellDoubleClick: d,
+            onFilterModelChange: k,
+            renderRowActions: ne ? q : void 0,
+            positionActionsColumn: H,
+            actionsColumnWidth: z,
+            toolbarAlignment: ue,
+            toolbarLeftContent: Ve,
+            renderToolbarActions: h === "advanced" || h === "none" ? gt : void 0,
+            paginationLabels: $,
+            cellPadding: ee,
+            bottomToolbarMinHeight: E,
+            tableHeadCellPadding: Y,
+            getRowId: W,
+            renderDetailPanel: O ? ({ row: T }) => O({ row: T }) : void 0,
+            renderTopToolbar: _,
+            onExport: ut,
+            onPrint: ht,
+            variant: y,
+            withToolbarBorder: Fe,
+            withPaginationBorder: Ie,
+            toolbarPadding: A,
+            paginationPadding: ce,
+            rowHeight: Ne,
+            hideFooter: De,
             children: [
-              h,
-              o?.visible ? /* @__PURE__ */ e(_t, { children: /* @__PURE__ */ x(ke, { children: [
-                /* @__PURE__ */ e("h3", { className: "only-print", children: f || l }),
-                /* @__PURE__ */ e("div", { className: "no-print", children: /* @__PURE__ */ x(ge, { gap: "8px", rowGap: "8px", children: [
-                  o.customUserActions && o.customUserActionsPosition === "left" ? o.customUserActions : null,
-                  o.onAddExecute ? /* @__PURE__ */ e(
-                    ee,
+              a,
+              l?.visible ? /* @__PURE__ */ e(Xt, { children: /* @__PURE__ */ c(Me, { children: [
+                /* @__PURE__ */ e("h3", { className: "only-print", children: f || o }),
+                /* @__PURE__ */ e("div", { className: "no-print", children: /* @__PURE__ */ c(pe, { gap: "8px", rowGap: "8px", children: [
+                  l.customUserActions && l.customUserActionsPosition === "left" ? l.customUserActions : null,
+                  l.onAddExecute ? /* @__PURE__ */ e(
+                    J,
                     {
                       actionName: "add",
-                      actionDescription: `Adicionar novo ${fe || "registro"}`,
+                      actionDescription: `Adicionar novo ${de || "registro"}`,
                       color: "green",
-                      variant: A ?? ce.variant,
-                      leftSection: /* @__PURE__ */ e(gt, {}),
-                      onClick: () => o && o.onAddExecute && o.onAddExecute(),
-                      children: o.labelAdd || C().t("archbase:New")
+                      variant: y ?? ge.variant,
+                      leftSection: /* @__PURE__ */ e(bt, {}),
+                      onClick: () => l && l.onAddExecute && l.onAddExecute(),
+                      children: l.labelAdd || x().t("archbase:New")
                     }
                   ) : null,
-                  o.onEditExecute ? /* @__PURE__ */ e(
-                    ee,
+                  l.onEditExecute ? /* @__PURE__ */ e(
+                    J,
                     {
                       actionName: "edit",
-                      actionDescription: `Editar ${fe || "registro"}`,
+                      actionDescription: `Editar ${de || "registro"}`,
                       color: "blue",
-                      leftSection: /* @__PURE__ */ e(pt, {}),
+                      leftSection: /* @__PURE__ */ e(wt, {}),
                       disabled: !r.isBrowsing() || r.isEmpty(),
-                      variant: A ?? ce.variant,
-                      onClick: () => o && o.onEditExecute && o.onEditExecute(),
-                      children: o.labelEdit || C().t("archbase:Edit")
+                      variant: y ?? ge.variant,
+                      onClick: () => l && l.onEditExecute && l.onEditExecute(),
+                      children: l.labelEdit || x().t("archbase:Edit")
                     }
                   ) : null,
-                  o.onRemoveExecute ? /* @__PURE__ */ e(
-                    ee,
+                  l.onRemoveExecute ? /* @__PURE__ */ e(
+                    J,
                     {
                       actionName: "delete",
-                      actionDescription: `Remover ${fe || "registro"}`,
+                      actionDescription: `Remover ${de || "registro"}`,
                       color: "red",
-                      leftSection: /* @__PURE__ */ e(et, {}),
-                      disabled: !o?.allowRemove || !r.isBrowsing() || r.isEmpty(),
-                      variant: A ?? ce.variant,
-                      onClick: () => o && o.onRemoveExecute && o.onRemoveExecute(),
-                      children: o.labelRemove || C().t("archbase:Remove")
+                      leftSection: /* @__PURE__ */ e(tt, {}),
+                      disabled: !l?.allowRemove || !r.isBrowsing() || r.isEmpty(),
+                      variant: y ?? ge.variant,
+                      onClick: () => l && l.onRemoveExecute && l.onRemoveExecute(),
+                      children: l.labelRemove || x().t("archbase:Remove")
                     }
                   ) : null,
-                  o.onViewExecute ? /* @__PURE__ */ e(
-                    ee,
+                  l.onViewExecute ? /* @__PURE__ */ e(
+                    J,
                     {
                       actionName: "view",
-                      actionDescription: `Visualizar ${fe || "registro"}`,
+                      actionDescription: `Visualizar ${de || "registro"}`,
                       color: "gray.7",
-                      leftSection: /* @__PURE__ */ e(bt, {}),
+                      leftSection: /* @__PURE__ */ e(Ft, {}),
                       disabled: !r.isBrowsing() || r.isEmpty(),
-                      variant: A ?? ce.variant,
-                      onClick: () => o && o.onViewExecute && o.onViewExecute(),
-                      children: o.labelView || C().t("archbase:View")
+                      variant: y ?? ge.variant,
+                      onClick: () => l && l.onViewExecute && l.onViewExecute(),
+                      children: l.labelView || x().t("archbase:View")
                     }
                   ) : null,
-                  o.customUserActions && o.customUserActionsPosition === "right" ? o.customUserActions : null
+                  l.customUserActions && l.customUserActionsPosition === "right" ? l.customUserActions : null
                 ] }) })
               ] }) }) : null
             ]
@@ -912,13 +991,13 @@ function rn(t, n) {
     }
   );
 }
-const Dn = St(rn);
-function on(t, n, l, f) {
+const Vn = Vt(sn);
+function dn(t, n, o, f) {
   if (t && t.headerGridColumns) {
-    const r = 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" }, c = t.headerGridColumns.right ? t.headerGridColumns.right : { xs: "auto", sm: "auto", md: "auto", lg: "auto" };
-    return /* @__PURE__ */ x(Fe, { m: 0, gutter: "xs", justify: "center", align: "center", grow: !0, children: [
+    const r = 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" }, u = t.headerGridColumns.right ? t.headerGridColumns.right : { xs: "auto", sm: "auto", md: "auto", lg: "auto" };
+    return /* @__PURE__ */ c(be, { m: 0, gutter: "xs", justify: "center", align: "center", grow: !0, children: [
       /* @__PURE__ */ e(
-        Fe.Col,
+        be.Col,
         {
           span: {
             xs: r.xs,
@@ -936,7 +1015,7 @@ function on(t, n, l, f) {
         }
       ),
       /* @__PURE__ */ e(
-        Fe.Col,
+        be.Col,
         {
           span: {
             xs: i.xs,
@@ -953,13 +1032,13 @@ function on(t, n, l, f) {
         }
       ),
       /* @__PURE__ */ e(
-        Fe.Col,
+        be.Col,
         {
           span: {
-            xs: c.xs,
-            sm: c.sm,
-            md: c.md,
-            lg: c.lg
+            xs: u.xs,
+            sm: u.sm,
+            md: u.md,
+            lg: u.lg
           },
           style: {
             border: f ? "1px dashed" : "",
@@ -967,20 +1046,20 @@ function on(t, n, l, f) {
             justifyContent: "flex-end",
             alignItems: "center"
           },
-          children: l
+          children: o
         }
       )
     ] });
   } else {
-    const r = t && t.headerFlexGrow ? t.headerFlexGrow : "even", i = t && t.headerFlexRightJustifyContent ? t.headerFlexRightJustifyContent : "flex-end", c = t && t.headerFlexLeftJustifyContent ? t.headerFlexLeftJustifyContent : "flex-start";
-    return /* @__PURE__ */ x(ge, { justify: "space-between", children: [
+    const r = t && t.headerFlexGrow ? t.headerFlexGrow : "even", i = t && t.headerFlexRightJustifyContent ? t.headerFlexRightJustifyContent : "flex-end", u = t && t.headerFlexLeftJustifyContent ? t.headerFlexLeftJustifyContent : "flex-start";
+    return /* @__PURE__ */ c(pe, { justify: "space-between", children: [
       /* @__PURE__ */ e(
-        ge,
+        pe,
         {
           w: r === "left" || r === "even" ? "100%" : void 0,
           maw: r === "left" || r === "even" ? void 0 : "100%",
           align: "center",
-          justify: c,
+          justify: u,
           style: {
             border: f ? "1px dashed" : ""
           },
@@ -988,7 +1067,7 @@ function on(t, n, l, f) {
         }
       ),
       /* @__PURE__ */ e(
-        ge,
+        pe,
         {
           w: r === "right" || r === "even" ? "100%" : void 0,
           maw: r === "right" || r === "even" ? void 0 : "100%",
@@ -997,18 +1076,18 @@ function on(t, n, l, f) {
           style: {
             border: f ? "1px dashed" : ""
           },
-          children: l
+          children: o
         }
       )
     ] });
   }
 }
-function ln(t, n, l, f) {
+function hn(t, n, o, f) {
   if (t && t.footerGridColumns) {
-    const r = t.footerGridColumns.left ? t.footerGridColumns.left : { xs: "content", sm: "content", md: "content", lg: "content" }, i = t.footerGridColumns.middle ? t.footerGridColumns.middle : { xs: "auto", sm: "auto", md: "auto", lg: "auto" }, c = t.footerGridColumns.right ? t.footerGridColumns.right : { xs: "content", sm: "content", md: "content", lg: "content" };
-    return /* @__PURE__ */ x(Fe, { m: 0, gutter: "xs", justify: "center", align: "center", grow: !0, children: [
+    const r = t.footerGridColumns.left ? t.footerGridColumns.left : { xs: "content", sm: "content", md: "content", lg: "content" }, i = 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(be, { m: 0, gutter: "xs", justify: "center", align: "center", grow: !0, children: [
       /* @__PURE__ */ e(
-        Fe.Col,
+        be.Col,
         {
           span: {
             xs: r.xs,
@@ -1026,7 +1105,7 @@ function ln(t, n, l, f) {
         }
       ),
       /* @__PURE__ */ e(
-        Fe.Col,
+        be.Col,
         {
           span: {
             xs: i.xs,
@@ -1043,13 +1122,13 @@ function ln(t, n, l, f) {
         }
       ),
       /* @__PURE__ */ e(
-        Fe.Col,
+        be.Col,
         {
           span: {
-            xs: c.xs,
-            sm: c.sm,
-            md: c.md,
-            lg: c.lg
+            xs: u.xs,
+            sm: u.sm,
+            md: u.md,
+            lg: u.lg
           },
           style: {
             border: f ? "1px dashed" : "",
@@ -1057,20 +1136,20 @@ function ln(t, n, l, f) {
             justifyContent: "flex-end",
             alignItems: "center"
           },
-          children: l
+          children: o
         }
       )
     ] });
   } else {
-    const r = t && t.footerFlexGrow ? t.footerFlexGrow : "even", i = t && t.footerFlexRightJustifyContent ? t.footerFlexRightJustifyContent : "flex-end", c = t && t.footerFlexLeftJustifyContent ? t.footerFlexLeftJustifyContent : "flex-start";
-    return /* @__PURE__ */ x(ge, { justify: "space-between", children: [
+    const r = t && t.footerFlexGrow ? t.footerFlexGrow : "even", i = t && t.footerFlexRightJustifyContent ? t.footerFlexRightJustifyContent : "flex-end", u = t && t.footerFlexLeftJustifyContent ? t.footerFlexLeftJustifyContent : "flex-start";
+    return /* @__PURE__ */ c(pe, { justify: "space-between", children: [
       /* @__PURE__ */ e(
-        ge,
+        pe,
         {
           w: r === "left" || r === "even" ? "100%" : void 0,
           maw: r === "left" || r === "even" ? void 0 : "100%",
           align: "center",
-          justify: c,
+          justify: u,
           style: {
             border: f ? "1px dashed" : "",
             height: "auto",
@@ -1080,7 +1159,7 @@ function ln(t, n, l, f) {
         }
       ),
       /* @__PURE__ */ e(
-        ge,
+        pe,
         {
           w: r === "right" || r === "even" ? "100%" : void 0,
           maw: r === "right" || r === "even" ? void 0 : "100%",
@@ -1089,362 +1168,362 @@ function ln(t, n, l, f) {
           style: {
             border: f ? "1px dashed" : "",
             height: "auto",
-            padding: l && "calc(0.625rem / 2)"
+            padding: o && "calc(0.625rem / 2)"
           },
-          children: l
+          children: o
         }
       )
     ] });
   }
 }
-function Vt({
+function jt({
   title: t,
   innerRef: n,
-  isError: l = !1,
+  isError: o = !1,
   error: f = "",
   clearError: r,
   width: i = "100%",
-  height: c = "100%",
-  withBorder: b = !0,
-  children: h,
-  radius: v,
-  debug: G,
-  defaultDebug: o,
-  headerLeft: a,
-  headerMiddle: S,
-  headerRight: w,
-  footerLeft: E,
-  footerMiddle: g,
-  footerRight: d,
-  variant: R,
-  options: I = {},
-  style: L,
-  debugOptions: y = {
+  height: u = "100%",
+  withBorder: v = !0,
+  children: a,
+  radius: C,
+  debug: P,
+  defaultDebug: l,
+  headerLeft: s,
+  headerMiddle: L,
+  headerRight: I,
+  footerLeft: w,
+  footerMiddle: R,
+  footerRight: m,
+  variant: D,
+  options: N = {},
+  style: V,
+  debugOptions: F = {
     debugLayoutHotKey: "ctrl+shift+S",
     debugObjectInspectorHotKey: "ctrl+shift+D",
     objectsToInspect: []
   },
   // Props de segurança (opcionais)
-  resourceName: p,
-  resourceDescription: D,
-  requiredPermissions: oe,
-  fallbackComponent: te,
-  securityOptions: K
+  resourceName: h,
+  resourceDescription: X,
+  requiredPermissions: Z,
+  fallbackComponent: ae,
+  securityOptions: W
 }) {
-  const [M, B] = Gt({
-    value: G,
-    defaultValue: o,
+  const [G, M] = Ht({
+    value: P,
+    defaultValue: l,
     finalValue: !1
   });
-  $t([[y && y.debugLayoutHotKey, () => B(!M)]]);
-  const A = Re(), { t: T } = Ut();
-  Ae({
-    autoRegisterActions: K?.autoRegisterActions ?? !0
+  _t([[F && F.debugLayoutHotKey, () => M(!G)]]);
+  const y = ze(), { t: U } = Jt();
+  Pe({
+    autoRegisterActions: W?.autoRegisterActions ?? !0
   });
-  const X = ue(null), V = n || X, Y = ue(null), ne = ue(null), Z = Ye(Y), U = Ye(ne), $ = Ye(V), _ = Be(() => ({
-    height: $.height - Z.height - U.height - Number(Pt("0.625rem")),
-    width: $.width - Z.width - U.width
-  }), [$.height, $.width, Z.height, Z.width, U.height, U.width]), re = ue(o);
-  _e(() => {
-    o !== re.current && (B(o), re.current = o);
-  }, [o, B]);
-  const ie = /* @__PURE__ */ x(ke, { children: [
+  const ee = Ae(null), E = n || ee, te = Ae(null), se = Ae(null), ne = it(te), H = it(se), z = it(E), Y = He(() => ({
+    height: z.height - ne.height - H.height - Number(Mt("0.625rem")),
+    width: z.width - ne.width - H.width
+  }), [z.height, z.width, ne.height, ne.width, H.height, H.width]), O = Ae(l);
+  et(() => {
+    l !== O.current && (M(l), O.current = l);
+  }, [l, M]);
+  const _ = /* @__PURE__ */ c(Me, { children: [
     /* @__PURE__ */ e(
-      Oe,
+      Le,
       {
-        ref: V,
-        withBorder: b,
-        radius: v,
-        style: { width: i, height: c, padding: 4, ...L },
-        children: /* @__PURE__ */ x(rt, { height: "100%", children: [
-          /* @__PURE__ */ e(xt, { size: Z.height, children: /* @__PURE__ */ e("div", { ref: Y, children: on(I, a, w, M) }) }),
-          /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(
-            Ft,
+        ref: E,
+        withBorder: v,
+        radius: C,
+        style: { width: i, height: u, padding: 4, ...V },
+        children: /* @__PURE__ */ c(ct, { height: "100%", children: [
+          /* @__PURE__ */ e(Et, { size: ne.height, children: /* @__PURE__ */ e("div", { ref: te, children: dn(N, s, I, G) }) }),
+          /* @__PURE__ */ e(st, { children: /* @__PURE__ */ e(
+            Xe,
             {
-              h: _.height,
+              h: Y.height,
               style: {
-                border: M ? "1px dashed" : "",
+                border: G ? "1px dashed" : "",
                 padding: "calc(0.625rem / 2)"
               },
-              children: h ? /* @__PURE__ */ x(jt, { children: [
-                l && /* @__PURE__ */ e(
-                  Qe,
+              children: a ? /* @__PURE__ */ c(Wt, { children: [
+                o && /* @__PURE__ */ e(
+                  Ke,
                   {
                     autoClose: 2e4,
                     withCloseButton: !0,
                     withBorder: !0,
-                    icon: /* @__PURE__ */ e(Ke, { size: "1.4rem" }),
-                    title: `${T("WARNING")}`,
+                    icon: /* @__PURE__ */ e(Oe, { size: "1.4rem" }),
+                    title: `${U("WARNING")}`,
                     titleColor: "rgb(250, 82, 82)",
-                    variant: R ?? A.variant,
+                    variant: D ?? y.variant,
                     onClose: () => r && r(),
                     children: /* @__PURE__ */ e("span", { children: f })
                   }
                 ),
-                h
-              ] }) : M && /* @__PURE__ */ e(ge, { h: _.height + 80, justify: "center", align: "center", wrap: "wrap", children: /* @__PURE__ */ e(Te, { size: "lg", children: "INSIRA O CONTEÚDO DO PAINEL AQUI." }) })
+                a
+              ] }) : G && /* @__PURE__ */ e(pe, { h: Y.height + 80, justify: "center", align: "center", wrap: "wrap", children: /* @__PURE__ */ e(ye, { size: "lg", children: "INSIRA O CONTEÚDO DO PAINEL AQUI." }) })
             }
           ) }),
-          /* @__PURE__ */ e(ot, { size: U.height, children: /* @__PURE__ */ e("div", { ref: ne, children: ln(I, E, d, M) }) })
+          /* @__PURE__ */ e(dt, { size: H.height, children: /* @__PURE__ */ e("div", { ref: se, children: hn(N, w, m, G) }) })
         ] })
       }
     ),
     /* @__PURE__ */ e(
-      Wt,
+      Yt,
       {
-        debugObjectInspectorHotKey: y && y.debugObjectInspectorHotKey,
-        objectsToInspect: y && y.objectsToInspect
+        debugObjectInspectorHotKey: F && F.debugObjectInspectorHotKey,
+        objectsToInspect: F && F.objectsToInspect
       }
     )
   ] });
   return /* @__PURE__ */ e(
-    Ee,
+    Ge,
     {
-      resourceName: p,
-      resourceDescription: D,
-      requiredPermissions: oe,
-      fallbackComponent: te,
-      onSecurityReady: K?.onSecurityReady,
-      onAccessDenied: K?.onAccessDenied,
-      children: ie
+      resourceName: h,
+      resourceDescription: X,
+      requiredPermissions: Z,
+      fallbackComponent: ae,
+      onSecurityReady: W?.onSecurityReady,
+      onAccessDenied: W?.onAccessDenied,
+      children: _
     }
   );
 }
-function an(t, n, l, f, r, i) {
-  console.log(`Render de "${t}" na fase "${n}": ${l}ms`);
+function un(t, n, o, f, r, i) {
+  console.log(`Render de "${t}" na fase "${n}": ${o}ms`);
 }
-function Tn({
+function zn({
   title: t,
   dataSource: n,
   //  dataSourceEdition,
-  filterOptions: l,
+  filterOptions: o,
   globalFilterFieldNames: f,
   //pageSize,
   filterFields: r,
   innerRef: i,
   //isLoading = false,
-  debug: c = !1,
-  filterType: b = "normal",
-  isError: h = !1,
-  error: v = "",
-  clearError: G = () => {
+  debug: u = !1,
+  filterType: v = "normal",
+  isError: a = !1,
+  error: C = "",
+  clearError: P = () => {
   },
-  width: o = "100%",
-  height: a = "100%",
-  withBorder: S = !0,
-  filterPersistenceDelegator: w,
-  withPagination: E = !0,
-  radius: g,
-  userActions: d,
-  columnsCountBreakPoints: R,
-  columnsCount: I,
-  gutter: L,
-  component: y,
-  activeIndex: p,
-  activeBackgroundColor: D,
-  activeColor: oe,
-  onItemEnter: te,
-  onItemLeave: K,
-  style: M,
-  spaceOptions: B,
-  variant: A,
-  id: T = en("masonry"),
-  debugOptions: X,
+  width: l = "100%",
+  height: s = "100%",
+  withBorder: L = !0,
+  filterPersistenceDelegator: I,
+  withPagination: w = !0,
+  radius: R,
+  userActions: m,
+  columnsCountBreakPoints: D,
+  columnsCount: N,
+  gutter: V,
+  component: F,
+  activeIndex: h,
+  activeBackgroundColor: X,
+  activeColor: Z,
+  onItemEnter: ae,
+  onItemLeave: W,
+  style: G,
+  spaceOptions: M,
+  variant: y,
+  id: U = on("masonry"),
+  debugOptions: ee,
   // Props de segurança (opcionais)
-  resourceName: V,
-  resourceDescription: Y,
-  requiredPermissions: ne,
-  fallbackComponent: Z,
-  securityOptions: U
+  resourceName: E,
+  resourceDescription: te,
+  requiredPermissions: se,
+  fallbackComponent: ne,
+  securityOptions: H
 }) {
-  const $ = Re(), [_] = O(T), re = i || ue(null), ie = ue(null), [j, le] = O(n.getCurrentPage()), [he, s] = O(
-    p || (n && n.getTotalRecords() > 0 ? 0 : -1)
+  const z = ze(), [Y] = Q(U), O = i || Ae(null), _ = Ae(null), [ue, Ce] = Q(n.getCurrentPage()), [le, d] = Q(
+    h || (n && n.getTotalRecords() > 0 ? 0 : -1)
   );
-  Ye(re);
-  const [N, W] = O({
+  it(O);
+  const [k, $] = Q({
     activeFilterIndex: -1,
     expandedFilter: !1
-  }), [xe, fe] = O(0), {
-    isDataSourceV2: H,
-    v1State: { forceUpdate: be }
-  } = Ge(
+  }), [we, de] = Q(0), {
+    isDataSourceV2: B,
+    v1State: { forceUpdate: me }
+  } = _e(
     "ArchbaseMasonryTemplate",
     n
   );
   nt({
     dataSource: n,
-    listener: (m) => {
-      (m.type === Ce.afterRemove || m.type === Ce.refreshData) && (fe((P) => P + 1), H || be());
+    listener: (g) => {
+      (g.type === Re.afterRemove || g.type === Re.refreshData) && (de((j) => j + 1), B || me());
     }
   });
-  const ye = Be(() => {
-    if (y) {
-      const m = y.type;
-      let P = {};
-      return y.props && (P = y.props), n.browseRecords().map((J, ce) => {
-        const de = `${_}_${ce}`, we = `${_}_${ce}`;
-        let Ie = J.active === void 0 ? !1 : J.active;
-        return he >= 0 && (Ie = !1, he === ce && (Ie = !0)), /* @__PURE__ */ e(
-          m,
+  const xe = He(() => {
+    if (F) {
+      const g = F.type;
+      let j = {};
+      return F.props && (j = F.props), n.browseRecords().map((q, ge) => {
+        const ve = `${Y}_${ge}`, ke = `${Y}_${ge}`;
+        let Ve = q.active === void 0 ? !1 : q.active;
+        return le >= 0 && (Ve = !1, le === ge && (Ve = !0)), /* @__PURE__ */ e(
+          g,
           {
-            id: we,
-            active: Ie,
-            index: ce,
+            id: ke,
+            active: Ve,
+            index: ge,
             dataSource: n,
-            recordData: J,
-            disabled: J.disabled,
-            ...P
+            recordData: q,
+            disabled: q.disabled,
+            ...j
           },
-          de
+          ve
         );
       });
     }
     return [];
-  }, [he, y, _, n, xe]), $e = (m, P) => {
-    W({ ...N, currentFilter: m, activeFilterIndex: P });
-  }, Ve = (m) => {
-    W({ ...N, expandedFilter: m });
-  }, z = (m, P) => {
-    W({ ...N, currentFilter: m, activeFilterIndex: P });
-  }, ae = () => {
-  }, ze = (m, P) => {
-    s(m), n && n.gotoRecordByData(P);
-  }, Se = (m) => {
+  }, [le, F, Y, n, we]), Fe = (g, j) => {
+    $({ ...k, currentFilter: g, activeFilterIndex: j });
+  }, Ie = (g) => {
+    $({ ...k, expandedFilter: g });
+  }, A = (g, j) => {
+    $({ ...k, currentFilter: g, activeFilterIndex: j });
+  }, ce = () => {
+  }, Ne = (g, j) => {
+    d(g), n && n.gotoRecordByData(j);
+  }, De = (g) => {
     if (n) {
-      const P = n.getOptions();
-      P.filter = m, P.currentPage = j, n.refreshData(P), H || be();
+      const j = n.getOptions();
+      j.filter = g, j.currentPage = ue, n.refreshData(j), B || me();
     }
-  }, Le = (m) => {
+  }, re = (g) => {
     if (n) {
-      const P = n.getOptions();
-      P.currentPage = m, n.refreshData(P), H || be();
+      const j = n.getOptions();
+      j.currentPage = g, n.refreshData(j), B || me();
     }
-  }, q = () => b === "normal" && f ? /* @__PURE__ */ e(
-    Zt,
+  }, S = () => v === "normal" && f ? /* @__PURE__ */ e(
+    ln,
     {
       searchableFields: f,
-      onFilter: Se,
+      onFilter: De,
       minFilterValueLength: 1
     }
-  ) : b === "advanced" ? /* @__PURE__ */ e(Ht, { id: `profile_${l.componentName}`, onRender: an, children: /* @__PURE__ */ e(
-    vt,
+  ) : v === "advanced" ? /* @__PURE__ */ e(Ot, { id: `profile_${o.componentName}`, onRender: un, children: /* @__PURE__ */ e(
+    St,
     {
-      id: l.componentName,
-      viewName: l.viewName,
-      apiVersion: l.apiVersion,
-      ref: ie,
-      variant: A || $.variant,
-      expandedFilter: N.expandedFilter,
-      persistenceDelegator: w,
-      currentFilter: N.currentFilter,
-      activeFilterIndex: N.activeFilterIndex,
-      onSelectedFilter: z,
-      onFilterChanged: $e,
-      onSearchByFilter: ae,
-      onToggleExpandedFilter: Ve,
+      id: o.componentName,
+      viewName: o.viewName,
+      apiVersion: o.apiVersion,
+      ref: _,
+      variant: y || z.variant,
+      expandedFilter: k.expandedFilter,
+      persistenceDelegator: I,
+      currentFilter: k.currentFilter,
+      activeFilterIndex: k.activeFilterIndex,
+      onSelectedFilter: A,
+      onFilterChanged: Fe,
+      onSearchByFilter: ce,
+      onToggleExpandedFilter: Ie,
       width: "660px",
       height: "170px",
       children: r
     }
-  ) }) : /* @__PURE__ */ e(ke, {}), ve = { ...{
+  ) }) : /* @__PURE__ */ e(Me, {}), Te = { ...{
     headerFlexGrow: "left",
     footerGridColumns: {}
-  }, ...B };
+  }, ...M };
   return /* @__PURE__ */ e(
-    Ee,
+    Ge,
     {
-      resourceName: V,
-      resourceDescription: Y,
-      requiredPermissions: ne,
-      fallbackComponent: Z,
-      onSecurityReady: U?.onSecurityReady,
-      onAccessDenied: U?.onAccessDenied,
+      resourceName: E,
+      resourceDescription: te,
+      requiredPermissions: se,
+      fallbackComponent: ne,
+      onSecurityReady: H?.onSecurityReady,
+      onAccessDenied: H?.onAccessDenied,
       children: /* @__PURE__ */ e(
-        Vt,
+        jt,
         {
-          innerRef: re,
-          width: o,
-          height: a,
-          radius: g,
-          withBorder: S,
-          isError: h,
-          error: v,
-          clearError: G,
+          innerRef: O,
+          width: l,
+          height: s,
+          radius: R,
+          withBorder: L,
+          isError: a,
+          error: C,
+          clearError: P,
           title: t,
-          defaultDebug: c,
-          debugOptions: X,
-          style: M,
-          options: ve,
-          headerLeft: d?.visible !== !1 ? /* @__PURE__ */ x(ge, { gap: "8px", rowGap: "8px", children: [
-            d?.customUserActions && d?.customUserActionsPosition === "left" ? d.customUserActions : null,
-            d?.allowAdd !== !1 && d?.onAddExecute ? /* @__PURE__ */ e(
-              ee,
+          defaultDebug: u,
+          debugOptions: ee,
+          style: G,
+          options: Te,
+          headerLeft: m?.visible !== !1 ? /* @__PURE__ */ c(pe, { gap: "8px", rowGap: "8px", children: [
+            m?.customUserActions && m?.customUserActionsPosition === "left" ? m.customUserActions : null,
+            m?.allowAdd !== !1 && m?.onAddExecute ? /* @__PURE__ */ e(
+              J,
               {
                 actionName: "add",
-                actionDescription: `Adicionar novo ${Y || "registro"}`,
+                actionDescription: `Adicionar novo ${te || "registro"}`,
                 color: "green",
-                variant: A ?? $.variant,
-                leftSection: /* @__PURE__ */ e(gt, {}),
-                onClick: () => d.onAddExecute(),
-                children: d.labelAdd || C().t("archbase:New")
+                variant: y ?? z.variant,
+                leftSection: /* @__PURE__ */ e(bt, {}),
+                onClick: () => m.onAddExecute(),
+                children: m.labelAdd || x().t("archbase:New")
               }
             ) : null,
-            d?.allowEdit !== !1 && d?.onEditExecute ? /* @__PURE__ */ e(
-              ee,
+            m?.allowEdit !== !1 && m?.onEditExecute ? /* @__PURE__ */ e(
+              J,
               {
                 actionName: "edit",
-                actionDescription: `Editar ${Y || "registro"}`,
+                actionDescription: `Editar ${te || "registro"}`,
                 color: "blue",
-                leftSection: /* @__PURE__ */ e(pt, {}),
+                leftSection: /* @__PURE__ */ e(wt, {}),
                 disabled: !n.isBrowsing() || n.isEmpty(),
-                variant: A ?? $.variant,
-                onClick: () => d.onEditExecute(),
-                children: d.labelEdit || C().t("archbase:Edit")
+                variant: y ?? z.variant,
+                onClick: () => m.onEditExecute(),
+                children: m.labelEdit || x().t("archbase:Edit")
               }
             ) : null,
-            d?.allowRemove !== !1 && d?.onRemoveExecute ? /* @__PURE__ */ e(
-              ee,
+            m?.allowRemove !== !1 && m?.onRemoveExecute ? /* @__PURE__ */ e(
+              J,
               {
                 actionName: "delete",
-                actionDescription: `Remover ${Y || "registro"}`,
+                actionDescription: `Remover ${te || "registro"}`,
                 color: "red",
-                leftSection: /* @__PURE__ */ e(et, {}),
+                leftSection: /* @__PURE__ */ e(tt, {}),
                 disabled: !n.isBrowsing() || n.isEmpty(),
-                variant: A ?? $.variant,
-                onClick: () => d.onRemoveExecute(),
-                children: d.labelRemove || C().t("archbase:Remove")
+                variant: y ?? z.variant,
+                onClick: () => m.onRemoveExecute(),
+                children: m.labelRemove || x().t("archbase:Remove")
               }
             ) : null,
-            d?.allowView !== !1 && d?.onViewExecute ? /* @__PURE__ */ e(
-              ee,
+            m?.allowView !== !1 && m?.onViewExecute ? /* @__PURE__ */ e(
+              J,
               {
                 actionName: "view",
-                actionDescription: `Visualizar ${Y || "registro"}`,
+                actionDescription: `Visualizar ${te || "registro"}`,
                 color: "gray.7",
-                leftSection: /* @__PURE__ */ e(bt, {}),
+                leftSection: /* @__PURE__ */ e(Ft, {}),
                 disabled: !n.isBrowsing() || n.isEmpty(),
-                variant: A ?? $.variant,
-                onClick: () => d.onViewExecute(),
-                children: d.labelView || C().t("archbase:View")
+                variant: y ?? z.variant,
+                onClick: () => m.onViewExecute(),
+                children: m.labelView || x().t("archbase:View")
               }
             ) : null,
-            d?.customUserActions && d?.customUserActionsPosition === "right" ? d.customUserActions : null
+            m?.customUserActions && m?.customUserActionsPosition === "right" ? m.customUserActions : null
           ] }) : void 0,
-          headerRight: q(),
-          footerRight: E ? /* @__PURE__ */ e(At, { total: n.getTotalPages(), onChange: Le }) : void 0,
+          headerRight: S(),
+          footerRight: w ? /* @__PURE__ */ e(kt, { total: n.getTotalPages(), onChange: re }) : void 0,
           children: /* @__PURE__ */ e(
-            Ot,
+            Zt,
             {
               value: {
                 dataSource: n,
-                ownerId: T,
-                handleSelectItem: ze,
-                activeBackgroundColor: D,
-                activeColor: oe,
-                onItemEnter: te,
-                onItemLeave: K
+                ownerId: U,
+                handleSelectItem: Ne,
+                activeBackgroundColor: X,
+                activeColor: Z,
+                onItemEnter: ae,
+                onItemLeave: W
               },
-              children: /* @__PURE__ */ e(Kt, { columnsCountBreakPoints: R, children: /* @__PURE__ */ e(Qt, { gutter: L, columnsCount: I, children: ye }) })
+              children: /* @__PURE__ */ e(en, { columnsCountBreakPoints: D, children: /* @__PURE__ */ e(tn, { gutter: V, columnsCount: N, children: xe }) })
             }
           )
         }
@@ -1452,7 +1531,7 @@ function Tn({
     }
   );
 }
-const sn = {
+const fn = {
   visible: !0,
   allowAdd: !0,
   allowEdit: !0,
@@ -1460,499 +1539,899 @@ const sn = {
   allowRemove: !0,
   positionCustomUserActions: "after"
 };
-function Bn({
+function Pn({
   title: t,
   dataSource: n,
   //  dataSourceEdition,
-  filterOptions: l,
+  filterOptions: o,
   //pageSize,
   filterFields: f,
   innerRef: r,
   //isLoading = false,
   isError: i = !1,
-  error: c = "",
-  clearError: b = () => {
+  error: u = "",
+  clearError: v = () => {
   },
-  width: h = "100%",
-  height: v = "100%",
-  withBorder: G = !0,
-  filterPersistenceDelegator: o,
-  withPagination: a = !0,
-  children: S,
-  radius: w,
-  userActions: E,
-  debug: g = !1,
-  variant: d,
-  actionsButtonsOptions: R,
-  spaceOptions: I,
-  style: L,
-  debugOptions: y,
+  width: a = "100%",
+  height: C = "100%",
+  withBorder: P = !0,
+  filterPersistenceDelegator: l,
+  withPagination: s = !0,
+  children: L,
+  radius: I,
+  userActions: w,
+  debug: R = !1,
+  variant: m,
+  actionsButtonsOptions: D,
+  spaceOptions: N,
+  style: V,
+  debugOptions: F,
   // Props de segurança (opcionais)
-  resourceName: p,
-  resourceDescription: D,
-  requiredPermissions: oe,
-  fallbackComponent: te,
-  securityOptions: K
+  resourceName: h,
+  resourceDescription: X,
+  requiredPermissions: Z,
+  fallbackComponent: ae,
+  securityOptions: W
 }) {
-  const M = Re(), B = Ae({
-    autoRegisterActions: K?.autoRegisterActions ?? !0
-  }), A = r || ue(null), T = ue(null), [X, V] = O({
+  const G = ze(), M = Pe({
+    autoRegisterActions: W?.autoRegisterActions ?? !0
+  }), y = r || Ae(null), U = Ae(null), [ee, E] = Q({
     activeFilterIndex: -1,
     expandedFilter: !1
   }), {
-    isDataSourceV2: Y,
-    v1State: { forceUpdate: ne }
-  } = Ge(
+    isDataSourceV2: te,
+    v1State: { forceUpdate: se }
+  } = _e(
     "ArchbasePanelTemplate",
     n
-  ), Z = Be(() => {
-    const s = { ...sn, ...E }, N = (xe) => B.isAvailable ? (B.registerAction(), B.hasPermission()) : !0, W = [];
-    return s.allowAdd && s.onAddExecute && N() && W.push({
+  ), ne = He(() => {
+    const d = { ...fn, ...w }, k = (we) => M.isAvailable ? (M.registerAction(), M.hasPermission()) : !0, $ = [];
+    return d.allowAdd && d.onAddExecute && k() && $.push({
       id: "1",
-      icon: /* @__PURE__ */ e(gt, {}),
+      icon: /* @__PURE__ */ e(bt, {}),
       color: "green",
-      label: s.labelAdd ? s.labelAdd : C().t("archbase:New"),
+      label: d.labelAdd ? d.labelAdd : x().t("archbase:New"),
       executeAction: () => {
-        s && s.onAddExecute && s.onAddExecute();
+        d && d.onAddExecute && d.onAddExecute();
       },
       enabled: !0,
       hint: "Clique para criar."
-    }), s.allowEdit && s.onEditExecute && N() && W.push({
+    }), d.allowEdit && d.onEditExecute && k() && $.push({
       id: "2",
-      icon: /* @__PURE__ */ e(pt, {}),
+      icon: /* @__PURE__ */ e(wt, {}),
       color: "blue",
-      label: s.labelEdit ? s.labelEdit : C().t("archbase:Edit"),
+      label: d.labelEdit ? d.labelEdit : x().t("archbase:Edit"),
       executeAction: () => {
-        s && s.onEditExecute && s.onEditExecute();
+        d && d.onEditExecute && d.onEditExecute();
       },
       enabled: !n.isEmpty() && n.isBrowsing(),
       hint: "Clique para editar."
-    }), s.allowRemove && s.onRemoveExecute && N() && W.push({
+    }), d.allowRemove && d.onRemoveExecute && k() && $.push({
       id: "3",
-      icon: /* @__PURE__ */ e(et, {}),
+      icon: /* @__PURE__ */ e(tt, {}),
       color: "red",
-      label: s.labelRemove ? s.labelRemove : C().t("archbase:Remove"),
+      label: d.labelRemove ? d.labelRemove : x().t("archbase:Remove"),
       executeAction: () => {
-        s && s.onRemoveExecute && s.onRemoveExecute();
+        d && d.onRemoveExecute && d.onRemoveExecute();
       },
       enabled: !n.isEmpty() && n.isBrowsing(),
       hint: "Clique para remover."
-    }), s.allowView && s.onView && N() && W.push({
+    }), d.allowView && d.onView && k() && $.push({
       id: "4",
-      icon: /* @__PURE__ */ e(bt, {}),
+      icon: /* @__PURE__ */ e(Ft, {}),
       color: "green",
-      label: s.labelView ? s.labelView : C().t("archbase:View"),
+      label: d.labelView ? d.labelView : x().t("archbase:View"),
       executeAction: () => {
-        s && s.onView && s.onView();
+        d && d.onView && d.onView();
       },
       enabled: !n.isEmpty() && n.isBrowsing(),
       hint: "Clique para visualizar."
-    }), s.customUserActions && s.positionCustomUserActions === "before" ? [...s.customUserActions, ...W] : s.customUserActions && s.positionCustomUserActions === "after" ? [...W, ...s.customUserActions] : W;
-  }, [E, n, B]), U = (s, N) => {
-    V({ ...X, currentFilter: s, activeFilterIndex: N });
-  }, $ = (s) => {
-    V({ ...X, expandedFilter: s });
-  }, _ = (s, N) => {
-    V({ ...X, currentFilter: s, activeFilterIndex: N });
-  }, re = () => {
-  }, ie = {
+    }), d.customUserActions && d.positionCustomUserActions === "before" ? [...d.customUserActions, ...$] : d.customUserActions && d.positionCustomUserActions === "after" ? [...$, ...d.customUserActions] : $;
+  }, [w, n, M]), H = (d, k) => {
+    E({ ...ee, currentFilter: d, activeFilterIndex: k });
+  }, z = (d) => {
+    E({ ...ee, expandedFilter: d });
+  }, Y = (d, k) => {
+    E({ ...ee, currentFilter: d, activeFilterIndex: k });
+  }, O = () => {
+  }, _ = {
     menuButtonColor: "blue.5",
     menuPosition: "left"
-  }, j = {
+  }, ue = {
     headerFlexGrow: "left",
     footerFlexGrow: "right"
     // footerGridColumns: {},
-  }, le = { ...ie, ...R }, he = { ...j, ...I };
+  }, Ce = { ..._, ...D }, le = { ...ue, ...N };
   return /* @__PURE__ */ e(
-    Ee,
+    Ge,
     {
-      resourceName: p,
-      resourceDescription: D,
-      requiredPermissions: oe,
-      fallbackComponent: te,
-      onSecurityReady: K?.onSecurityReady,
-      onAccessDenied: K?.onAccessDenied,
+      resourceName: h,
+      resourceDescription: X,
+      requiredPermissions: Z,
+      fallbackComponent: ae,
+      onSecurityReady: W?.onSecurityReady,
+      onAccessDenied: W?.onAccessDenied,
       children: /* @__PURE__ */ e(
-        Vt,
+        jt,
         {
-          innerRef: A,
-          width: h,
-          height: v,
-          radius: w,
-          withBorder: G,
+          innerRef: y,
+          width: a,
+          height: C,
+          radius: I,
+          withBorder: P,
           isError: i,
-          error: c,
-          clearError: b,
+          error: u,
+          clearError: v,
           title: t,
-          defaultDebug: g,
-          debugOptions: y,
-          style: L,
-          options: he,
-          headerLeft: /* @__PURE__ */ e(Xt, { actions: Z, options: le }),
+          defaultDebug: R,
+          debugOptions: F,
+          style: V,
+          options: le,
+          headerLeft: /* @__PURE__ */ e(nn, { actions: ne, options: Ce }),
           headerRight: /* @__PURE__ */ e(
-            vt,
+            St,
             {
-              id: l.componentName,
-              viewName: l.viewName,
-              apiVersion: l.apiVersion,
-              ref: T,
-              variant: d || M.variant,
-              expandedFilter: X.expandedFilter,
-              persistenceDelegator: o,
-              currentFilter: X.currentFilter,
-              activeFilterIndex: X.activeFilterIndex,
-              onSelectedFilter: _,
-              onFilterChanged: U,
-              onSearchByFilter: re,
-              onToggleExpandedFilter: $,
+              id: o.componentName,
+              viewName: o.viewName,
+              apiVersion: o.apiVersion,
+              ref: U,
+              variant: m || G.variant,
+              expandedFilter: ee.expandedFilter,
+              persistenceDelegator: l,
+              currentFilter: ee.currentFilter,
+              activeFilterIndex: ee.activeFilterIndex,
+              onSelectedFilter: Y,
+              onFilterChanged: H,
+              onSearchByFilter: O,
+              onToggleExpandedFilter: z,
               width: "660px",
               height: "170px",
               children: f
             }
           ),
-          footerRight: a && /* @__PURE__ */ e(At, { total: 10 }),
-          children: S
+          footerRight: s && /* @__PURE__ */ e(kt, { total: 10 }),
+          children: L
         }
       )
     }
   );
 }
-function Vn() {
+function Gn() {
   return /* @__PURE__ */ e("div", { children: "SEARCH TEMPLATE" });
 }
-function cn(t, n) {
+function $n({
+  // Header
+  title: t,
+  subtitle: n,
+  onBack: o,
+  headerActions: f,
+  showDeleteButton: r = !1,
+  onDelete: i,
+  saveLabel: u,
+  cancelLabel: v,
+  buttonsPosition: a = "header",
+  // Left Column
+  leftColumnContent: C,
+  leftColumnSpan: P = 6,
+  hideLeftColumn: l = !1,
+  // Right Column - Form
+  formTitle: s,
+  formSubtitle: L,
+  statusBadge: I,
+  tabs: w,
+  defaultTab: R,
+  tabsVariant: m = "default",
+  children: D,
+  // Layout
+  width: N = "100%",
+  height: V = "100%",
+  withBorder: F = !0,
+  radius: h,
+  style: X,
+  // States
+  innerRef: Z,
+  isLoading: ae = !1,
+  isCanceling: W = !1,
+  isSaving: G = !1,
+  isError: M = !1,
+  error: y = "",
+  clearError: U = () => {
+  },
+  autoCloseAlertError: ee = 15e3,
+  // DataSource
+  dataSource: E,
+  variant: te,
+  // Callbacks
+  onSave: se,
+  onCancel: ne,
+  onBeforeSave: H,
+  onAfterSave: z,
+  onBeforeCancel: Y,
+  onAfterCancel: O,
+  onError: _,
+  // Navigation
+  routePath: ue,
+  onBeforeClose: Ce,
+  useNavigationListener: le,
+  // Security
+  resourceName: d,
+  resourceDescription: k,
+  requiredPermissions: $,
+  fallbackComponent: we,
+  securityOptions: de,
+  ...B
+}) {
+  const me = ze(), [xe, Fe] = Q(M), [Ie, A] = Q(y), [ce, Ne] = Q(R || (w?.[0]?.value ?? null)), De = ot();
+  Pe({
+    autoRegisterActions: de?.autoRegisterActions ?? !0
+  });
+  const re = _e(
+    "ArchbaseTwoColumnFormTemplate",
+    E,
+    void 0,
+    void 0
+  );
+  nt({
+    dataSource: E,
+    listener: (b) => {
+      b.type === Re.onError && (Fe(!0), A(b.error)), (b.type === Re.afterEdit || b.type === Re.afterInsert) && (re.isDataSourceV2 || De());
+    }
+  });
+  const S = Nt(), $e = ie((b, Ee) => ({
+    closeAllowed: (je) => {
+    }
+  }), []), Te = le || $e, { closeAllowed: g } = Te(ue || "", () => {
+    Ce && Ce() === !1 || g();
+  }), j = async (b) => {
+    try {
+      se ? se(b) : (H && await H(b), E.isBrowsing() || E.save().then(() => {
+        S?.clearAll(), z && z(b), g();
+      }).catch((Ee) => {
+        _ && _(fe(Ee)), Fe(!0), A(fe(Ee));
+      }));
+    } catch (Ee) {
+      _ && _(fe(Ee)), Fe(!0), A(fe(Ee));
+    }
+  }, q = () => {
+    try {
+      ne ? ne(g) : (Y && Y(), E.isBrowsing() || E.cancel(), S?.clearAll(), O && O(), g());
+    } catch (b) {
+      _ && _(fe(b)), Fe(!0), A(fe(b));
+    }
+  }, ge = () => {
+    U && U(), Fe(!1), A("");
+  }, ve = l ? 12 : 12 - P, ke = E && !E.isBrowsing(), Ve = a === "header" || a === "both", Ue = a === "footer" || a === "both", qe = () => /* @__PURE__ */ e(oe, { gap: "sm", children: ke ? /* @__PURE__ */ c(Me, { children: [
+    /* @__PURE__ */ e(
+      J,
+      {
+        actionName: "cancel",
+        actionDescription: "Cancelar operação",
+        leftSection: /* @__PURE__ */ e(Be, { size: 16 }),
+        onClick: q,
+        variant: "default",
+        loading: W,
+        children: v || x().t("Cancel")
+      }
+    ),
+    /* @__PURE__ */ e(
+      J,
+      {
+        actionName: "save",
+        actionDescription: `Salvar ${k || "registro"}`,
+        leftSection: /* @__PURE__ */ e(xt, { size: 16 }),
+        onClick: () => j(E.getCurrentRecord()),
+        variant: te ?? me.variant,
+        color: "blue",
+        loading: G,
+        children: u || x().t("Ok")
+      }
+    )
+  ] }) : /* @__PURE__ */ e(
+    J,
+    {
+      actionName: "close",
+      actionDescription: "Fechar formulário",
+      leftSection: /* @__PURE__ */ e(Be, { size: 16 }),
+      onClick: q,
+      variant: "default",
+      children: x().t("Close")
+    }
+  ) });
+  return /* @__PURE__ */ e(
+    Ge,
+    {
+      resourceName: d,
+      resourceDescription: k,
+      requiredPermissions: $,
+      fallbackComponent: we,
+      onSecurityReady: de?.onSecurityReady,
+      onAccessDenied: de?.onAccessDenied,
+      children: /* @__PURE__ */ e(At, { children: /* @__PURE__ */ c(
+        Le,
+        {
+          ref: Z,
+          withBorder: F,
+          radius: h,
+          style: {
+            width: N,
+            height: V,
+            display: "flex",
+            flexDirection: "column",
+            ...X
+          },
+          children: [
+            /* @__PURE__ */ e(
+              he,
+              {
+                style: {
+                  flexShrink: 0,
+                  padding: "16px 24px",
+                  borderBottom: "1px solid var(--mantine-color-gray-2)"
+                },
+                children: /* @__PURE__ */ c(pe, { justify: "space-between", align: "center", children: [
+                  /* @__PURE__ */ c(oe, { gap: "md", children: [
+                    o && /* @__PURE__ */ e(
+                      pt,
+                      {
+                        variant: "subtle",
+                        color: "gray",
+                        size: "lg",
+                        onClick: o,
+                        style: { border: "1px solid var(--mantine-color-gray-3)" },
+                        children: /* @__PURE__ */ e(Bt, { size: 18 })
+                      }
+                    ),
+                    /* @__PURE__ */ c(he, { children: [
+                      /* @__PURE__ */ e(Tt, { order: 4, fw: 600, children: t }),
+                      n && /* @__PURE__ */ e(ye, { size: "sm", c: "dimmed", children: n })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ c(oe, { gap: "sm", children: [
+                    f?.map((b) => /* @__PURE__ */ e(
+                      We,
+                      {
+                        variant: b.variant || "subtle",
+                        color: b.color,
+                        leftSection: b.icon,
+                        onClick: b.onClick,
+                        disabled: b.disabled,
+                        loading: b.loading,
+                        children: b.label
+                      },
+                      b.id
+                    )),
+                    r && i && /* @__PURE__ */ e(
+                      pt,
+                      {
+                        variant: "subtle",
+                        color: "red",
+                        size: "lg",
+                        onClick: i,
+                        style: { border: "1px solid var(--mantine-color-gray-3)" },
+                        children: /* @__PURE__ */ e(tt, { size: 18 })
+                      }
+                    ),
+                    Ve && qe()
+                  ] })
+                ] })
+              }
+            ),
+            xe && /* @__PURE__ */ e(he, { style: { flexShrink: 0, padding: "0 24px" }, children: /* @__PURE__ */ e(
+              Ke,
+              {
+                autoClose: ee,
+                withCloseButton: !0,
+                withBorder: !0,
+                icon: /* @__PURE__ */ e(Oe, { size: "1.4rem" }),
+                title: x().t("WARNING"),
+                titleColor: "rgb(250, 82, 82)",
+                variant: te ?? me.variant,
+                onClose: ge,
+                children: /* @__PURE__ */ e("span", { children: Ie })
+              }
+            ) }),
+            /* @__PURE__ */ c(he, { style: { flex: 1, minHeight: 0, padding: "24px" }, children: [
+              /* @__PURE__ */ e(vt, { visible: ae || W || G, opacity: 0.3 }),
+              /* @__PURE__ */ c(be, { gutter: "xl", style: { height: "100%" }, children: [
+                !l && /* @__PURE__ */ e(be.Col, { span: { base: 12, md: P }, children: /* @__PURE__ */ e(Xe, { style: { height: "100%" }, children: /* @__PURE__ */ e(yt, { gap: "md", children: C }) }) }),
+                /* @__PURE__ */ e(be.Col, { span: { base: 12, md: ve }, children: /* @__PURE__ */ c(
+                  Le,
+                  {
+                    withBorder: !0,
+                    radius: "md",
+                    style: {
+                      height: "100%",
+                      display: "flex",
+                      flexDirection: "column",
+                      backgroundColor: "var(--mantine-color-white)"
+                    },
+                    children: [
+                      (s || I) && /* @__PURE__ */ e(
+                        he,
+                        {
+                          style: {
+                            flexShrink: 0,
+                            padding: "16px 20px",
+                            borderBottom: w ? "1px solid var(--mantine-color-gray-2)" : "none"
+                          },
+                          children: /* @__PURE__ */ c(pe, { justify: "space-between", align: "flex-start", children: [
+                            /* @__PURE__ */ c(he, { children: [
+                              s && /* @__PURE__ */ e(ye, { fw: 600, size: "lg", children: s }),
+                              L && /* @__PURE__ */ e(ye, { size: "sm", c: "dimmed", mt: 4, children: L })
+                            ] }),
+                            I
+                          ] })
+                        }
+                      ),
+                      /* @__PURE__ */ e(he, { style: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: w && w.length > 0 ? /* @__PURE__ */ c(
+                        rt,
+                        {
+                          value: ce,
+                          onChange: Ne,
+                          variant: m,
+                          style: { flex: 1, display: "flex", flexDirection: "column" },
+                          children: [
+                            /* @__PURE__ */ e(rt.List, { style: { flexShrink: 0, padding: "0 20px" }, children: w.map((b) => /* @__PURE__ */ e(
+                              rt.Tab,
+                              {
+                                value: b.value,
+                                leftSection: b.icon,
+                                children: b.label
+                              },
+                              b.value
+                            )) }),
+                            w.map((b) => /* @__PURE__ */ e(
+                              rt.Panel,
+                              {
+                                value: b.value,
+                                style: { flex: 1, minHeight: 0 },
+                                children: /* @__PURE__ */ e(Xe, { style: { height: "100%", padding: "20px" }, children: b.content })
+                              },
+                              b.value
+                            ))
+                          ]
+                        }
+                      ) : /* @__PURE__ */ e(Xe, { style: { flex: 1, padding: "20px" }, children: D }) })
+                    ]
+                  }
+                ) })
+              ] })
+            ] }),
+            Ue && /* @__PURE__ */ e(
+              he,
+              {
+                style: {
+                  flexShrink: 0,
+                  padding: "16px 24px",
+                  borderTop: "1px solid var(--mantine-color-gray-2)",
+                  display: "flex",
+                  justifyContent: "flex-end"
+                },
+                children: qe()
+              }
+            )
+          ]
+        }
+      ) })
+    }
+  );
+}
+function jn({ title: t, description: n, headerAction: o, children: f }) {
+  return /* @__PURE__ */ c(Le, { withBorder: !0, radius: "md", p: "md", children: [
+    /* @__PURE__ */ c(pe, { justify: "space-between", align: "flex-start", mb: n || o ? "sm" : 0, children: [
+      /* @__PURE__ */ c(he, { children: [
+        /* @__PURE__ */ e(ye, { fw: 600, size: "sm", children: t }),
+        n && /* @__PURE__ */ e(ye, { size: "xs", c: "dimmed", mt: 2, children: n })
+      ] }),
+      o
+    ] }),
+    f
+  ] });
+}
+function Ln({ images: t, onAddImage: n, onRemoveImage: o, onSetCover: f, maxImages: r = 6 }) {
+  const i = t.find((a) => a.isCover) || t[0], u = t.filter((a) => a.id !== i?.id), v = t.length < r;
+  return /* @__PURE__ */ c(yt, { gap: "sm", children: [
+    i && /* @__PURE__ */ c(he, { style: { position: "relative" }, children: [
+      /* @__PURE__ */ e(
+        "img",
+        {
+          src: i.url,
+          alt: i.alt || "Cover",
+          style: {
+            width: "100%",
+            height: 200,
+            objectFit: "cover",
+            borderRadius: "var(--mantine-radius-md)",
+            border: "1px solid var(--mantine-color-gray-3)"
+          }
+        }
+      ),
+      /* @__PURE__ */ e(
+        Ut,
+        {
+          style: { position: "absolute", bottom: 8, left: 8 },
+          variant: "filled",
+          color: "dark",
+          children: "Cover"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c(be, { gutter: "sm", children: [
+      u.map((a) => /* @__PURE__ */ e(be.Col, { span: 4, children: /* @__PURE__ */ e(
+        he,
+        {
+          style: { position: "relative", cursor: f ? "pointer" : "default" },
+          onClick: () => f?.(a.id),
+          children: /* @__PURE__ */ e(
+            "img",
+            {
+              src: a.url,
+              alt: a.alt || "Thumbnail",
+              style: {
+                width: "100%",
+                height: 80,
+                objectFit: "cover",
+                borderRadius: "var(--mantine-radius-sm)",
+                border: "1px solid var(--mantine-color-gray-3)"
+              }
+            }
+          )
+        }
+      ) }, a.id)),
+      v && n && /* @__PURE__ */ e(be.Col, { span: 4, children: /* @__PURE__ */ e(
+        he,
+        {
+          onClick: n,
+          style: {
+            width: "100%",
+            height: 80,
+            border: "2px dashed var(--mantine-color-gray-4)",
+            borderRadius: "var(--mantine-radius-sm)",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            cursor: "pointer",
+            backgroundColor: "var(--mantine-color-gray-0)"
+          },
+          children: /* @__PURE__ */ e(ye, { size: "xl", c: "dimmed", children: "+" })
+        }
+      ) })
+    ] })
+  ] });
+}
+function mn(t, n) {
   const {
     // Props obrigatórias
-    opened: l,
+    opened: o,
     title: f,
     children: r,
     onClose: i,
-    idField: c,
-    displayField: b,
+    idField: u,
+    displayField: v,
     // Seleção
-    selectionMode: h = "single",
-    onSelect: v,
-    onSelectMultiple: G,
-    initialSelectedItems: o,
-    selectOnDoubleClick: a = !0,
-    onBeforeConfirm: S,
-    onAfterConfirm: w,
+    selectionMode: a = "single",
+    onSelect: C,
+    onSelectMultiple: P,
+    initialSelectedItems: l,
+    selectOnDoubleClick: s = !0,
+    onBeforeConfirm: L,
+    onAfterConfirm: I,
     // DataSource
-    dataSource: E,
-    loadData: g,
-    searchFields: d = "",
-    pageSize: R = 100,
+    dataSource: w,
+    loadData: R,
+    searchFields: m = "",
+    pageSize: D = 100,
     // Aparência
-    displaySubField: I,
-    renderSelectedItem: L,
-    renderSelectedItems: y,
-    icon: p,
-    modalSize: D = "70%",
-    modalHeight: oe = "600px",
-    gridHeight: te = 400,
-    rowHeight: K,
-    selectionIndicatorColor: M = "blue.0",
-    showSelectionIndicator: B = !0,
+    displaySubField: N,
+    renderSelectedItem: V,
+    renderSelectedItems: F,
+    icon: h,
+    modalSize: X = "70%",
+    modalHeight: Z = "600px",
+    gridHeight: ae = 400,
+    rowHeight: W,
+    selectionIndicatorColor: G = "blue.0",
+    showSelectionIndicator: M = !0,
     // Múltipla seleção
-    maxSelections: A,
-    showSelectionCount: T = !0,
-    allowClearAll: X = !0,
+    maxSelections: y,
+    showSelectionCount: U = !0,
+    allowClearAll: ee = !0,
     // Estado
-    isLoading: V,
-    isError: Y = !1,
-    error: ne = "",
-    clearError: Z,
-    autoCloseAlertError: U = 15e3,
-    onError: $,
+    isLoading: E,
+    isError: te = !1,
+    error: se = "",
+    clearError: ne,
+    autoCloseAlertError: H = 15e3,
+    onError: z,
     // Customização
-    userActions: _,
-    labels: re,
-    variant: ie,
+    userActions: Y,
+    labels: O,
+    variant: _,
     // Segurança
-    resourceName: j,
-    resourceDescription: le,
-    requiredPermissions: he,
-    fallbackComponent: s,
-    securityOptions: N
-  } = t, W = Re(), xe = tt(), { colorScheme: fe } = Ze(), H = fe === "dark", be = mt(), ye = H ? "dark.5" : M, [$e, Ve] = O(!1), [z, ae] = O(o || []), [ze, Se] = O(!1), [Le, q] = O(""), Me = ue(null), ve = ue([]), m = !!E, J = Q(() => m && E ? E : (Me.current || (Me.current = new Jt("dsLookup", {
+    resourceName: ue,
+    resourceDescription: Ce,
+    requiredPermissions: le,
+    fallbackComponent: d,
+    securityOptions: k
+  } = t, $ = ze(), we = at(), { colorScheme: de } = lt(), B = de === "dark", me = ot(), xe = B ? "dark.5" : G, [Fe, Ie] = Q(!1), [A, ce] = Q(l || []), [Ne, De] = Q(!1), [re, S] = Q(""), $e = Ae(null), Te = Ae([]), g = !!w, q = ie(() => g && w ? w : ($e.current || ($e.current = new Qt("dsLookup", {
     records: [],
     grandTotalRecords: 0,
     currentPage: 0,
     totalPages: 0,
-    pageSize: R
-  })), Me.current), [m, E, R])();
-  Ae({
-    autoRegisterActions: N?.autoRegisterActions ?? !0
+    pageSize: D
+  })), $e.current), [g, w, D])();
+  Pe({
+    autoRegisterActions: k?.autoRegisterActions ?? !0
   });
-  const ce = Ge(
+  const ge = _e(
     "ArchbaseLookupDataTemplate",
-    J,
+    q,
     void 0,
     void 0
   );
   nt({
-    dataSource: J,
-    listener: (u) => {
-      if (u.type === Ce.onError && (Se(!0), q(u.error || "")), u.type === Ce.afterScroll) {
-        if (h === "single") {
-          const k = J.getCurrentRecord();
-          k && ae([k]);
+    dataSource: q,
+    listener: (p) => {
+      if (p.type === Re.onError && (De(!0), S(p.error || "")), p.type === Re.afterScroll) {
+        if (a === "single") {
+          const K = q.getCurrentRecord();
+          K && ce([K]);
         }
-        ce.isDataSourceV2 || be();
+        ge.isDataSourceV2 || me();
       }
     }
   });
-  const de = {
-    okButton: C().t("archbase:Ok"),
-    cancelButton: C().t("archbase:Cancel"),
-    clearButton: C().t("archbase:Clear"),
-    selectedLabel: C().t("archbase:Selected"),
-    doubleClickHint: C().t("archbase:Double click to select"),
-    noItemSelected: C().t("archbase:No item selected"),
-    itemsSelected: C().t("archbase:items selected"),
-    ...re
+  const ve = {
+    okButton: x().t("archbase:Ok"),
+    cancelButton: x().t("archbase:Cancel"),
+    clearButton: x().t("archbase:Clear"),
+    selectedLabel: x().t("archbase:Selected"),
+    doubleClickHint: x().t("archbase:Double click to select"),
+    noItemSelected: x().t("archbase:No item selected"),
+    itemsSelected: x().t("archbase:items selected"),
+    ...O
   };
-  _e(() => {
-    if (m)
+  et(() => {
+    if (g)
       return;
-    const u = (k) => {
-      const Ne = ve.current;
-      if (Ne.length === 0)
+    const p = (K) => {
+      const Je = Te.current;
+      if (Je.length === 0)
         return;
-      const Nt = k?.currentPage ?? 0, yt = k?.pageSize ?? R;
-      J.open({
-        records: Ne,
-        grandTotalRecords: Ne.length,
-        currentPage: Nt,
-        totalPages: Math.ceil(Ne.length / yt),
-        pageSize: yt
+      const Lt = K?.currentPage ?? 0, Dt = K?.pageSize ?? D;
+      q.open({
+        records: Je,
+        grandTotalRecords: Je.length,
+        currentPage: Lt,
+        totalPages: Math.ceil(Je.length / Dt),
+        pageSize: Dt
       });
     };
-    return J.emitter.on("refreshData", u), () => {
-      J.emitter.off("refreshData", u);
+    return q.emitter.on("refreshData", p), () => {
+      q.emitter.off("refreshData", p);
     };
-  }, [m, J, R]);
-  const we = Q(
-    async (u) => {
-      if (!(m || !g)) {
-        Ve(!0);
+  }, [g, q, D]);
+  const ke = ie(
+    async (p) => {
+      if (!(g || !R)) {
+        Ie(!0);
         try {
-          const k = await g(u, d);
-          ve.current = k, J.open({
-            records: k,
-            grandTotalRecords: k.length,
+          const K = await R(p, m);
+          Te.current = K, q.open({
+            records: K,
+            grandTotalRecords: K.length,
             currentPage: 0,
-            totalPages: Math.ceil(k.length / R),
-            pageSize: R
+            totalPages: Math.ceil(K.length / D),
+            pageSize: D
           });
-        } catch (k) {
-          Se(!0), q(pe(k)), $?.(k);
+        } catch (K) {
+          De(!0), S(fe(K)), z?.(K);
         } finally {
-          Ve(!1);
+          Ie(!1);
         }
       }
     },
-    [m, g, d, R, J, $]
-  ), Ie = Q(
-    (u) => {
-      const k = u?.quickFilterValues?.[0] || "";
-      g && !m && we(k);
+    [g, R, m, D, q, z]
+  ), Ve = ie(
+    (p) => {
+      const K = p?.quickFilterValues?.[0] || "";
+      R && !g && ke(K);
     },
-    [g, m, we]
+    [R, g, ke]
   );
-  _e(() => {
-    l && (o?.length ? ae(o) : ae([]), we());
-  }, [l]), _e(() => {
-    o && ae(o);
-  }, [o]);
-  const Ue = Q(
-    (u) => {
-      h === "single" ? ae(u.slice(0, 1)) : A && u.length > A ? ae(u.slice(0, A)) : ae(u);
+  et(() => {
+    o && (l?.length ? ce(l) : ce([]), ke());
+  }, [o]), et(() => {
+    l && ce(l);
+  }, [l]);
+  const Ue = ie(
+    (p) => {
+      a === "single" ? ce(p.slice(0, 1)) : y && p.length > y ? ce(p.slice(0, y)) : ce(p);
     },
-    [h, A]
-  ), lt = Q(
-    (u) => {
-      if (h === "single" && a) {
-        const k = J.getCurrentRecord();
-        k && (v?.(k), i());
+    [a, y]
+  ), qe = ie(
+    (p) => {
+      if (a === "single" && s) {
+        const K = q.getCurrentRecord();
+        K && (C?.(K), i());
       }
     },
-    [h, a, J, v, i]
-  ), at = Q(() => {
-    ae([]);
-  }, []), je = Q(async () => {
-    S && !await S(z) || (h === "single" ? z.length > 0 && v?.(z[0]) : G?.(z), w?.(z), i());
-  }, [z, h, v, G, S, w, i]), De = Q(() => {
+    [a, s, q, C, i]
+  ), b = ie(() => {
+    ce([]);
+  }, []), Ee = ie(async () => {
+    L && !await L(A) || (a === "single" ? A.length > 0 && C?.(A[0]) : P?.(A), I?.(A), i());
+  }, [A, a, C, P, L, I, i]), je = ie(() => {
     i();
-  }, [i]), He = () => {
-    Ct.showWarning(C().t("archbase:Click on Ok or Cancel to close"));
-  }, st = () => {
-    Z?.(), Se(!1), q("");
+  }, [i]), Qe = () => {
+    Rt.showWarning(x().t("archbase:Click on Ok or Cancel to close"));
+  }, ht = () => {
+    ne?.(), De(!1), S("");
   };
-  It(
+  zt(
     n,
     () => ({
-      getSelectedItems: () => z,
-      getSelectedItem: () => z[0] || null,
-      clearSelection: () => ae([]),
-      selectItems: (u) => Ue(u),
-      selectItem: (u) => ae([u]),
-      deselectItem: (u) => {
-        ae((k) => k.filter((Ne) => Ne[c] !== u[c]));
+      getSelectedItems: () => A,
+      getSelectedItem: () => A[0] || null,
+      clearSelection: () => ce([]),
+      selectItems: (p) => Ue(p),
+      selectItem: (p) => ce([p]),
+      deselectItem: (p) => {
+        ce((K) => K.filter((Je) => Je[u] !== p[u]));
       },
-      refreshData: () => we(),
-      getDataSource: () => J,
+      refreshData: () => ke(),
+      getDataSource: () => q,
       confirmSelection: async () => {
-        await je();
+        await Ee();
       },
-      cancelSelection: De
+      cancelSelection: je
     }),
-    [z, Ue, c, we, J, je, De]
+    [A, Ue, u, ke, q, Ee, je]
   );
-  const ct = Q(
-    (u) => {
-      const k = u[c];
-      return k !== void 0 ? k : "";
+  const ut = ie(
+    (p) => {
+      const K = p[u];
+      return K !== void 0 ? K : "";
     },
-    [c]
-  ), dt = V || $e, ut = ne || Le, ht = Y || ze, F = /* @__PURE__ */ x(se, { gap: "sm", children: [
-    p,
-    /* @__PURE__ */ e(Te, { fw: 600, children: f })
-  ] }), me = () => {
-    if (!B)
+    [u]
+  ), ft = E || Fe, mt = se || re, gt = te || Ne, T = /* @__PURE__ */ c(oe, { gap: "sm", children: [
+    h,
+    /* @__PURE__ */ e(ye, { fw: 600, children: f })
+  ] }), Se = () => {
+    if (!M)
       return null;
-    if (h === "single" && z.length > 0 && L)
-      return L(z[0]);
-    if (h === "multiple" && z.length > 0 && y)
-      return y(z);
-    if (h === "single" && z.length > 0) {
-      const u = z[0];
-      return /* @__PURE__ */ e(Oe, { withBorder: !0, p: "sm", radius: "md", bg: ye, children: /* @__PURE__ */ x(se, { justify: "space-between", children: [
-        /* @__PURE__ */ x(se, { gap: "xs", children: [
-          /* @__PURE__ */ e(qe, { size: 16, color: "green" }),
-          /* @__PURE__ */ x(Te, { size: "sm", fw: 500, children: [
-            de.selectedLabel,
+    if (a === "single" && A.length > 0 && V)
+      return V(A[0]);
+    if (a === "multiple" && A.length > 0 && F)
+      return F(A);
+    if (a === "single" && A.length > 0) {
+      const p = A[0];
+      return /* @__PURE__ */ e(Le, { withBorder: !0, p: "sm", radius: "md", bg: xe, children: /* @__PURE__ */ c(oe, { justify: "space-between", children: [
+        /* @__PURE__ */ c(oe, { gap: "xs", children: [
+          /* @__PURE__ */ e(Ye, { size: 16, color: "green" }),
+          /* @__PURE__ */ c(ye, { size: "sm", fw: 500, children: [
+            ve.selectedLabel,
             ":"
           ] }),
-          /* @__PURE__ */ e(Te, { size: "sm", fw: 600, children: String(u[b]) }),
-          I && /* @__PURE__ */ e(Te, { size: "sm", c: H ? "gray.4" : "dimmed", children: String(u[I] || "") })
+          /* @__PURE__ */ e(ye, { size: "sm", fw: 600, children: String(p[v]) }),
+          N && /* @__PURE__ */ e(ye, { size: "sm", c: B ? "gray.4" : "dimmed", children: String(p[N] || "") })
         ] }),
-        /* @__PURE__ */ e(Te, { size: "xs", c: H ? "gray.4" : "dimmed", children: de.doubleClickHint })
+        /* @__PURE__ */ e(ye, { size: "xs", c: B ? "gray.4" : "dimmed", children: ve.doubleClickHint })
       ] }) });
     }
-    return h === "multiple" && z.length > 0 ? /* @__PURE__ */ e(Oe, { withBorder: !0, p: "sm", radius: "md", bg: ye, children: /* @__PURE__ */ x(se, { justify: "space-between", children: [
-      /* @__PURE__ */ x(se, { gap: "xs", children: [
-        /* @__PURE__ */ e(qe, { size: 16, color: "green" }),
-        /* @__PURE__ */ x(Te, { size: "sm", fw: 500, children: [
-          z.length,
+    return a === "multiple" && A.length > 0 ? /* @__PURE__ */ e(Le, { withBorder: !0, p: "sm", radius: "md", bg: xe, children: /* @__PURE__ */ c(oe, { justify: "space-between", children: [
+      /* @__PURE__ */ c(oe, { gap: "xs", children: [
+        /* @__PURE__ */ e(Ye, { size: 16, color: "green" }),
+        /* @__PURE__ */ c(ye, { size: "sm", fw: 500, children: [
+          A.length,
           " ",
-          de.itemsSelected
+          ve.itemsSelected
         ] })
       ] }),
-      X && /* @__PURE__ */ e(
+      ee && /* @__PURE__ */ e(
         We,
         {
           size: "xs",
           variant: "subtle",
           color: "red",
-          leftSection: /* @__PURE__ */ e(et, { size: 14 }),
-          onClick: at,
-          children: de.clearButton
+          leftSection: /* @__PURE__ */ e(tt, { size: 14 }),
+          onClick: b,
+          children: ve.clearButton
         }
       )
     ] }) }) : null;
   };
   return /* @__PURE__ */ e(
-    Ee,
+    Ge,
     {
-      resourceName: j,
-      resourceDescription: le,
-      requiredPermissions: he,
-      fallbackComponent: s,
-      onSecurityReady: N?.onSecurityReady,
-      onAccessDenied: N?.onAccessDenied,
+      resourceName: ue,
+      resourceDescription: Ce,
+      requiredPermissions: le,
+      fallbackComponent: d,
+      onSecurityReady: k?.onSecurityReady,
+      onAccessDenied: k?.onAccessDenied,
       children: /* @__PURE__ */ e(
-        ft,
+        Ct,
         {
-          title: F,
-          opened: l,
-          onClose: He,
-          size: D,
+          title: T,
+          opened: o,
+          onClose: Qe,
+          size: X,
           centered: !0,
           closeOnEscape: !1,
           closeOnClickOutside: !1,
           withCloseButton: !1,
           overlayProps: {
-            color: fe === "dark" ? xe.colors.dark[7] : xe.colors.gray[6],
+            color: de === "dark" ? we.colors.dark[7] : we.colors.gray[6],
             opacity: 0.25
           },
-          children: /* @__PURE__ */ x(rt, { height: oe, children: [
-            ht && /* @__PURE__ */ e(xt, { size: "100px", children: /* @__PURE__ */ e(
-              Qe,
+          children: /* @__PURE__ */ c(ct, { height: Z, children: [
+            gt && /* @__PURE__ */ e(Et, { size: "100px", children: /* @__PURE__ */ e(
+              Ke,
               {
-                autoClose: U,
+                autoClose: H,
                 withCloseButton: !0,
                 withBorder: !0,
-                icon: /* @__PURE__ */ e(Ke, { size: "1.4rem" }),
-                title: C().t("archbase:WARNING"),
+                icon: /* @__PURE__ */ e(Oe, { size: "1.4rem" }),
+                title: x().t("archbase:WARNING"),
                 titleColor: "rgb(250, 82, 82)",
-                variant: ie ?? W.variant,
-                onClose: st,
-                children: /* @__PURE__ */ e("span", { children: ut })
+                variant: _ ?? $.variant,
+                onClose: ht,
+                children: /* @__PURE__ */ e("span", { children: mt })
               }
             ) }),
-            /* @__PURE__ */ e(it, { children: /* @__PURE__ */ x(kt, { gap: "md", h: "100%", children: [
-              _ && /* @__PURE__ */ e(se, { justify: "flex-end", children: _ }),
+            /* @__PURE__ */ e(st, { children: /* @__PURE__ */ c(yt, { gap: "md", h: "100%", children: [
+              Y && /* @__PURE__ */ e(oe, { justify: "flex-end", children: Y }),
               /* @__PURE__ */ e(
-                Tt,
+                Gt,
                 {
-                  dataSource: J,
-                  height: te,
-                  rowHeight: K,
+                  dataSource: q,
+                  height: ae,
+                  rowHeight: W,
                   withBorder: !0,
                   striped: !0,
                   highlightOnHover: !0,
-                  isLoading: dt,
-                  enableRowSelection: h === "multiple",
+                  isLoading: ft,
+                  enableRowSelection: a === "multiple",
                   enableRowNumbers: !0,
                   enableColumnFilterModes: !0,
                   enableTopToolbar: !0,
                   enableGlobalFilter: !0,
-                  getRowId: ct,
-                  onCellDoubleClick: lt,
-                  onSelectedRowsChanged: h === "multiple" ? Ue : void 0,
-                  onFilterModelChange: Ie,
+                  getRowId: ut,
+                  onCellDoubleClick: qe,
+                  onSelectedRowsChanged: a === "multiple" ? Ue : void 0,
+                  onFilterModelChange: Ve,
                   children: r
                 }
               ),
-              me()
+              Se()
             ] }) }),
-            /* @__PURE__ */ e(ot, { size: "50px", children: /* @__PURE__ */ x(ge, { justify: "space-between", align: "center", children: [
-              /* @__PURE__ */ e(se, {}),
-              /* @__PURE__ */ x(se, { gap: "md", children: [
+            /* @__PURE__ */ e(dt, { size: "50px", children: /* @__PURE__ */ c(pe, { justify: "space-between", align: "center", children: [
+              /* @__PURE__ */ e(oe, {}),
+              /* @__PURE__ */ c(oe, { gap: "md", children: [
                 /* @__PURE__ */ e(
-                  ee,
+                  J,
                   {
                     actionName: "confirm",
                     actionDescription: "Confirmar seleção",
-                    leftSection: /* @__PURE__ */ e(qe, {}),
-                    onClick: je,
-                    disabled: z.length === 0,
-                    variant: ie ?? W.variant,
+                    leftSection: /* @__PURE__ */ e(Ye, {}),
+                    onClick: Ee,
+                    disabled: A.length === 0,
+                    variant: _ ?? $.variant,
                     color: "green",
-                    children: de.okButton
+                    children: ve.okButton
                   }
                 ),
                 /* @__PURE__ */ e(
-                  ee,
+                  J,
                   {
                     actionName: "cancel",
                     actionDescription: "Cancelar seleção",
-                    leftSection: /* @__PURE__ */ e(Pe, {}),
-                    onClick: De,
-                    variant: ie ?? W.variant,
+                    leftSection: /* @__PURE__ */ e(Be, {}),
+                    onClick: je,
+                    variant: _ ?? $.variant,
                     color: "red",
-                    children: de.cancelButton
+                    children: ve.cancelButton
                   }
                 )
               ] })
@@ -1963,47 +2442,50 @@ function cn(t, n) {
     }
   );
 }
-const Nn = St(cn), wt = qt(void 0);
-function Pn({ children: t }) {
-  const [n, l] = O({}), f = Q((b, h) => {
-    l((v) => ({ ...v, [b]: h }));
-  }, []), r = Q((b) => {
-    l((h) => {
-      const v = { ...h };
-      return delete v[b], v;
+const Mn = Vt(mn), It = Kt(void 0);
+function Un({ children: t }) {
+  const [n, o] = Q({}), f = ie((v, a) => {
+    o((C) => ({ ...C, [v]: a }));
+  }, []), r = ie((v) => {
+    o((a) => {
+      const C = { ...a };
+      return delete C[v], C;
     });
-  }, []), i = Q(() => {
-    l({});
-  }, []), c = Q((b) => n[b], [n]);
-  return /* @__PURE__ */ e(wt.Provider, { value: { errors: n, setError: f, clearError: r, clearAll: i, getError: c }, children: t });
+  }, []), i = ie(() => {
+    o({});
+  }, []), u = ie((v) => n[v], [n]);
+  return /* @__PURE__ */ e(It.Provider, { value: { errors: n, setError: f, clearError: r, clearAll: i, getError: u }, children: t });
 }
-function kn() {
-  return Dt(wt);
+function Hn() {
+  return Pt(It);
 }
-function Gn() {
-  const t = Dt(wt);
+function _n() {
+  const t = Pt(It);
   if (!t)
     throw new Error("useRequiredValidationErrors must be used within ValidationErrorsProvider");
   return t;
 }
 export {
-  Rn as ArchbaseAdvancedSmartButton,
-  Ee as ArchbaseConditionalSecurityWrapper,
-  Sn as ArchbaseFormModalTemplate,
-  En as ArchbaseFormTemplate,
-  Dn as ArchbaseGridTemplate,
-  Nn as ArchbaseLookupDataTemplate,
-  Tn as ArchbaseMasonryTemplate,
-  In as ArchbaseModalTemplate,
-  Bn as ArchbasePanelTemplate,
-  Vn as ArchbaseSearchTemplate,
-  ee as ArchbaseSmartActionButton,
-  Vt as ArchbaseSpaceTemplate,
-  Pn as ValidationErrorsProvider,
-  Fn as useArchbaseLookup,
-  An as useConditionalSecurity,
-  Ae as useOptionalTemplateSecurity,
-  Gn as useRequiredValidationErrors,
-  yn as useTemplateSecurityAvailable,
-  kn as useValidationErrors
+  Dn as ArchbaseAdvancedSmartButton,
+  Ge as ArchbaseConditionalSecurityWrapper,
+  Bn as ArchbaseFormModalTemplate,
+  kn as ArchbaseFormTemplate,
+  Vn as ArchbaseGridTemplate,
+  Mn as ArchbaseLookupDataTemplate,
+  zn as ArchbaseMasonryTemplate,
+  Nn as ArchbaseModalTemplate,
+  Pn as ArchbasePanelTemplate,
+  Gn as ArchbaseSearchTemplate,
+  J as ArchbaseSmartActionButton,
+  jt as ArchbaseSpaceTemplate,
+  $n as ArchbaseTwoColumnFormTemplate,
+  Ln as FormImageGallery,
+  jn as FormSectionCard,
+  Un as ValidationErrorsProvider,
+  In as useArchbaseLookup,
+  Tn as useConditionalSecurity,
+  Pe as useOptionalTemplateSecurity,
+  _n as useRequiredValidationErrors,
+  Sn as useTemplateSecurityAvailable,
+  Hn as useValidationErrors
 };