@archbase/template 3.0.23 → 4.0.0

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