diefra_ecm_ui 1.2.2 → 1.2.3

package/dist/index.js

@@ -1,36 +1,36 @@
-import { jsx as e, jsxs as v, Fragment as oe } from "react/jsx-runtime";
-import { useCallback as P, useEffect as T, memo as q, useState as z, useMemo as U, useRef as te, forwardRef as de, createElement as se } from "react";
+import { jsx as e, jsxs as y, Fragment as de } from "react/jsx-runtime";
+import { useCallback as U, useEffect as P, memo as q, useState as Y, useMemo as J, useRef as ee, forwardRef as oe, createElement as te } from "react";
 import { useFormContext as W, useController as Z, useFormState as ae } from "react-hook-form";
 import { IMaskInput as pe } from "react-imask";
-import { useSection as G, useFluigRuntime as Y } from "@fluig-kit/ecm";
-import { isValid as ue, eachDayOfInterval as ve, endOfWeek as ye, endOfMonth as ge, startOfWeek as be, startOfMonth as Ne, getYear as ke, subMonths as we, setMonth as xe, setYear as Se, addMonths as _e, isSameMonth as Re, isSameDay as Oe, format as fe, isToday as $e, parse as Ae } from "date-fns";
-function Ie({ title: t, isOpen: n, onOpen: u, onClose: f, content: c, footer: d, width: m }) {
-  const o = P(
-    (g) => {
-      g.key === "Escape" && f();
+import { useSection as G, useFluigRuntime as z } from "@fluig-kit/ecm";
+import { isValid as ue, eachDayOfInterval as ve, endOfWeek as ye, endOfMonth as ge, startOfWeek as be, startOfMonth as Ne, getYear as ke, subMonths as we, setMonth as $e, setYear as Oe, addMonths as _e, isSameMonth as Re, isSameDay as Se, format as fe, isToday as Ae, parse as xe } from "date-fns";
+function Ie({ title: t, isOpen: n, onOpen: f, onClose: o, content: c, footer: a, width: m }) {
+  const d = U(
+    (p) => {
+      p.key === "Escape" && o();
     },
-    [f]
+    [o]
   );
-  return T(() => (n && (document.addEventListener("keydown", o), u == null || u(), document.body.style.overflow = "hidden"), () => {
-    document.removeEventListener("keydown", o), document.body.style.overflow = "auto";
-  }), [n, o, u]), n ? /* @__PURE__ */ e("div", { className: "modal-overlay", onClick: f, "aria-modal": "true", role: "dialog", children: /* @__PURE__ */ v("div", { style: { maxWidth: m }, className: "modal-container", onClick: (g) => g.stopPropagation(), children: [
-    /* @__PURE__ */ v("div", { className: "modal-header", children: [
+  return P(() => (n && (document.addEventListener("keydown", d), f == null || f(), document.body.style.overflow = "hidden"), () => {
+    document.removeEventListener("keydown", d), document.body.style.overflow = "auto";
+  }), [n, d, f]), n ? /* @__PURE__ */ e("div", { className: "modal-overlay", onClick: o, "aria-modal": "true", role: "dialog", children: /* @__PURE__ */ y("div", { style: { maxWidth: m }, className: "modal-container", onClick: (p) => p.stopPropagation(), children: [
+    /* @__PURE__ */ y("div", { className: "modal-header", children: [
       /* @__PURE__ */ e("h3", { children: t }),
-      /* @__PURE__ */ e("div", { className: "btn-close-modal", onClick: f, role: "button", "aria-label": "Fechar modal", children: /* @__PURE__ */ e("i", { className: "flaticon flaticon-close icon-sm", "aria-hidden": "true" }) })
+      /* @__PURE__ */ e("div", { className: "btn-close-modal", onClick: o, role: "button", "aria-label": "Fechar modal", children: /* @__PURE__ */ e("i", { className: "flaticon flaticon-close icon-sm", "aria-hidden": "true" }) })
     ] }),
     /* @__PURE__ */ e("div", { className: "modal-content", children: c }),
-    d && /* @__PURE__ */ e("div", { className: "modal-footer", children: d })
+    a && /* @__PURE__ */ e("div", { className: "modal-footer", children: a })
   ] }) }) : null;
 }
-function Ee({ text: t, title: n = "Ajuda & Informações", width: u = "500px", className: f = "" }) {
-  const [c, d] = z(!1), m = (o) => {
-    o.preventDefault(), o.stopPropagation(), d(!0);
+function Ve({ text: t, title: n = "Ajuda & Informações", width: f = "500px", className: o = "" }) {
+  const [c, a] = Y(!1), m = (d) => {
+    d.preventDefault(), d.stopPropagation(), a(!0);
   };
-  return /* @__PURE__ */ v(oe, { children: [
+  return /* @__PURE__ */ y(de, { children: [
     /* @__PURE__ */ e(
       "div",
       {
-        className: `dfe-help-indicator ${f}`,
+        className: `dfe-help-indicator ${o}`,
         onClick: m,
         role: "button",
         tabIndex: 0,
@@ -44,435 +44,433 @@ function Ee({ text: t, title: n = "Ajuda & Informações", width: u = "500px", c
       {
         title: n,
         isOpen: c,
-        onClose: () => d(!1),
-        width: u,
+        onClose: () => a(!1),
+        width: f,
         content: /* @__PURE__ */ e("div", { className: "dfe-help-modal-body", children: t }),
-        footer: /* @__PURE__ */ e("div", { className: "dfe-help-modal-footer", children: /* @__PURE__ */ e("button", { type: "button", className: "btn btn-info dfe-help-btn", onClick: () => d(!1), children: "Entendido" }) })
+        footer: /* @__PURE__ */ e("div", { className: "dfe-help-modal-footer", children: /* @__PURE__ */ e("button", { type: "button", className: "btn btn-info dfe-help-btn", onClick: () => a(!1), children: "Entendido" }) })
       }
     )
   ] });
 }
-const ee = q(Ee), Ve = {
+const M = q(Ve), De = {
   cpf: "000.000.000-00",
   cnpj: "00.000.000/0000-00",
   telefone: "(00) 00000-0000",
   cep: "00000-000"
 };
-function De({
+function Ee({
   name: t,
   label: n = "",
-  placeholder: u = "",
-  type: f = "text",
+  placeholder: f = "",
+  type: o = "text",
   mask: c,
-  className: d = "",
+  className: a = "",
   forceReadOnly: m = !1,
-  forceHidden: o = !1,
-  prefix: g,
-  suffix: r,
-  helpText: h,
-  helpTitle: O,
-  helpWidth: A,
-  valueManual: B,
+  forceHidden: d = !1,
+  prefix: p,
+  suffix: s,
+  helpText: v,
+  helpTitle: x,
+  helpWidth: I,
+  valueManual: F,
   onChangeManual: b,
   errorManual: _
 }) {
-  var K, M;
-  const $ = B !== void 0 && !!b, { isReadOnly: R, isHidden: N } = G(), s = m || !!R(t), i = o || !!N(t), { isView: l } = Y();
-  let a = null;
+  var K, Q;
+  const R = F !== void 0 && !!b, { isReadOnly: S, isHidden: N } = G(), r = m || !!S(t), i = d || !!N(t), { isView: l } = z();
+  let u = null;
   try {
-    a = W();
+    u = W();
   } catch {
   }
-  const p = !$ && a ? Z({ name: t, control: a.control }) : null, V = !$ && a ? ae({ name: t }) : null, L = $ ? B : p == null ? void 0 : p.field.value, I = $ ? _ : (M = (K = V == null ? void 0 : V.errors) == null ? void 0 : K[t]) == null ? void 0 : M.message, x = U(() => c ? Ve[c] ?? c : null, [c]), w = P((C) => {
-    if (!C) return "";
-    const j = C.replace(/\D/g, "");
-    return (Number(j) / 100).toFixed(2);
-  }, []), k = P((C) => {
-    if (C === "" || C === null || C === void 0) return "";
-    const j = Number(C);
-    return isNaN(j) ? "" : j.toLocaleString("pt-BR", {
-      style: "currency",
-      currency: "BRL"
-    });
-  }, []), D = (C) => {
-    let j = C;
-    f === "monetary" && (j = w(C)), $ ? b == null || b(j) : p == null || p.field.onChange(j);
-  }, y = () => {
-    $ || p == null || p.field.onBlur();
-  }, E = U(() => f === "monetary" ? k(L) : String(L ?? ""), [L, f, k]);
+  const h = !R && u ? Z({ name: t, control: u.control }) : null, E = !R && u ? ae({ name: t }) : null, H = R ? F : h == null ? void 0 : h.field.value, V = R ? _ : (Q = (K = E == null ? void 0 : E.errors) == null ? void 0 : K[t]) == null ? void 0 : Q.message, O = J(() => c ? De[c] ?? c : null, [c]), $ = U(
+    (C) => {
+      if (!C) return "";
+      let w = C;
+      if (s)
+        if (w.endsWith(s))
+          w = w.slice(0, -s.length);
+        else {
+          const L = w.lastIndexOf(s);
+          L !== -1 && (w = w.substring(0, L) + w.substring(L + s.length));
+        }
+      if (p)
+        if (w.startsWith(p))
+          w = w.slice(p.length);
+        else {
+          const L = w.indexOf(p);
+          L !== -1 && (w = w.substring(0, L) + w.substring(L + p.length));
+        }
+      if (o === "monetary") {
+        const L = w.replace(/\D/g, "");
+        return L ? (Number(L) / 100).toFixed(2) : "";
+      }
+      return o === "number" && (w = w.replace(/[^\d.,-]/g, ""), w = w.replace(/\./g, "").replace(",", ".")), w;
+    },
+    [p, s, o]
+  ), k = U(
+    (C) => {
+      if (C === "" || C === null || C === void 0) return "";
+      let w = String(C);
+      if (o === "monetary") {
+        const L = Number(C);
+        return isNaN(L) ? "" : L.toLocaleString("pt-BR", { style: "currency", currency: "BRL" });
+      }
+      if (o === "number") {
+        w = w.replace(".", ",");
+        const L = w.split(",");
+        L[0] = L[0].replace(/\B(?=(\d{3})+(?!\d))/g, "."), w = L.join(",");
+      }
+      return p && (w = `${p}${w}`), s && (w = `${w}${s}`), w;
+    },
+    [p, s, o]
+  ), B = (C) => {
+    const w = `${p || ""}${s || ""}`;
+    if (!C || C === p || C === s || C === w) {
+      R ? b == null || b("") : h == null || h.field.onChange("");
+      return;
+    }
+    const L = $(C);
+    R ? b == null || b(L) : h == null || h.field.onChange(L);
+  }, g = () => {
+    R || h == null || h.field.onBlur();
+  }, D = J(() => k(H), [H, k]);
   if (i) return null;
-  const H = `form-control ${s ? "readOnly" : ""} ${I ? "border-red" : ""} ${d}`, J = {
-    paddingLeft: g ? "36px" : void 0,
-    paddingRight: r ? "36px" : void 0,
-    width: "100%"
-  }, X = () => x ? /* @__PURE__ */ e(
+  const j = `form-control ${r ? "readOnly" : ""} ${V ? "border-red" : ""} ${a}`, X = () => O ? /* @__PURE__ */ e(
     pe,
     {
-      mask: x,
-      value: E,
+      mask: O,
+      value: D,
       unmask: !0,
-      onAccept: (C) => D(C),
-      placeholder: u,
-      readOnly: s,
-      className: H,
-      style: J,
-      inputRef: $ || p == null ? void 0 : p.field.ref,
-      onBlur: y
+      onAccept: (C) => B(C),
+      placeholder: f,
+      readOnly: r,
+      className: j,
+      inputRef: R || h == null ? void 0 : h.field.ref,
+      onBlur: g
     }
   ) : /* @__PURE__ */ e(
     "input",
     {
-      type: f === "number" ? "number" : "text",
-      value: E,
-      onChange: (C) => D(C.target.value),
-      onBlur: y,
-      placeholder: u,
-      readOnly: s,
-      className: H,
-      style: J
+      type: "text",
+      inputMode: o === "number" || o === "monetary" ? "numeric" : void 0,
+      value: D,
+      onChange: (C) => B(C.target.value),
+      onBlur: g,
+      placeholder: f,
+      readOnly: r,
+      className: j
     }
-  ), Q = ({ children: C }) => /* @__PURE__ */ v("div", { style: { position: "relative", flex: 1, display: "flex", alignItems: "center" }, children: [
-    g && /* @__PURE__ */ e(
-      "span",
-      {
-        style: {
-          position: "absolute",
-          left: "12px",
-          color: "var(--dfe-muted-fg)",
-          zIndex: 3,
-          fontWeight: 500,
-          fontSize: "13px",
-          pointerEvents: "none"
-        },
-        children: g
-      }
-    ),
-    C,
-    r && /* @__PURE__ */ e(
-      "span",
-      {
-        style: {
-          position: "absolute",
-          right: "12px",
-          color: "var(--dfe-muted-fg)",
-          zIndex: 3,
-          fontWeight: 500,
-          fontSize: "13px",
-          pointerEvents: "none"
-        },
-        children: r
-      }
-    )
-  ] });
-  return l ? /* @__PURE__ */ v("div", { className: "form-group", children: [
+  );
+  return l ? /* @__PURE__ */ y("div", { className: "form-group", children: [
     n && /* @__PURE__ */ e("label", { children: n }),
-    /* @__PURE__ */ v("div", { className: h ? "dfe-flex-input-wrapper" : "", children: [
-      /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e("span", { className: H, style: J, children: E || "-" }) }),
-      h && /* @__PURE__ */ e(ee, { text: h, title: O, width: A })
+    /* @__PURE__ */ y("div", { className: v ? "dfe-flex-input-wrapper" : "", children: [
+      /* @__PURE__ */ e("span", { className: j, children: D || "-" }),
+      v && /* @__PURE__ */ e(M, { text: v, title: x, width: I })
     ] })
-  ] }) : /* @__PURE__ */ v("div", { className: `form-group ${i ? "hidden" : ""}`, children: [
+  ] }) : /* @__PURE__ */ y("div", { className: `form-group ${i ? "hidden" : ""}`, children: [
     n && /* @__PURE__ */ e("label", { children: n }),
-    /* @__PURE__ */ v("div", { className: h ? "dfe-flex-input-wrapper" : "", children: [
-      /* @__PURE__ */ e(Q, { children: X() }),
-      h && /* @__PURE__ */ e(ee, { text: h, title: O, width: A })
+    /* @__PURE__ */ y("div", { className: v ? "dfe-flex-input-wrapper" : "", children: [
+      X(),
+      v && /* @__PURE__ */ e(M, { text: v, title: x, width: I })
     ] }),
-    !$ && /* @__PURE__ */ e("input", { type: "hidden", name: t, value: L || "" }),
-    I && /* @__PURE__ */ e("p", { className: "text-danger", children: String(I) })
+    !R && /* @__PURE__ */ e("input", { type: "hidden", name: t, value: H || "" }),
+    V && /* @__PURE__ */ e("p", { className: "text-danger", children: String(V) })
   ] });
 }
-const dt = q(De);
-function Le({
+const ot = q(Ee);
+function Be({
   name: t,
   label: n = "",
-  options: u = [],
-  placeholder: f = "",
+  options: f = [],
+  placeholder: o = "",
   labelKey: c = "label",
-  valueKey: d = "value",
+  valueKey: a = "value",
   enableSearch: m = !1,
-  searchPlaceholder: o = "Buscar...",
-  loading: g = !1,
-  onSearchChange: r,
-  debounceTime: h = 300,
-  onSelect: O,
-  forceReadOnly: A = !1,
-  forceHidden: B = !1,
+  searchPlaceholder: d = "Buscar...",
+  loading: p = !1,
+  onSearchChange: s,
+  debounceTime: v = 300,
+  onSelect: x,
+  forceReadOnly: I = !1,
+  forceHidden: F = !1,
   helpText: b,
   helpTitle: _,
-  helpWidth: $,
-  valueManual: R,
+  helpWidth: R,
+  valueManual: S,
   onChangeManual: N,
-  errorManual: s
+  errorManual: r
 }) {
-  var j;
-  const i = R !== void 0 && !!N, { isReadOnly: l, isHidden: a } = G(), p = A || !!l(t), V = B || !!a(t), { isView: L } = Y();
-  let I = "", x = () => {
-  }, w, k = null, D = () => {
+  var re;
+  const i = S !== void 0 && !!N, { isReadOnly: l, isHidden: u } = G(), h = I || !!l(t), E = F || !!u(t), { isView: H } = z();
+  let V = "", O = () => {
+  }, $, k = null, B = () => {
   };
   if (i)
-    I = R;
+    V = S;
   else
     try {
-      const S = W(), F = Z({ name: t, control: S.control });
-      I = F.field.value, x = F.field.onChange, w = F.field.ref, k = (j = F.fieldState) == null ? void 0 : j.error, D = S.clearErrors;
+      const A = W(), T = Z({ name: t, control: A.control });
+      V = T.field.value, O = T.field.onChange, $ = T.field.ref, k = (re = T.fieldState) == null ? void 0 : re.error, B = A.clearErrors;
     } catch {
     }
-  const [y, E] = z(!1), [H, J] = z(""), X = te(null), Q = te(r);
-  T(() => {
-    Q.current = r;
-  }, [r]), T(() => {
-    const S = (F) => {
-      X.current && !X.current.contains(F.target) && E(!1);
+  const [g, D] = Y(!1), [j, X] = Y(""), K = ee(null), Q = ee(s);
+  P(() => {
+    Q.current = s;
+  }, [s]), P(() => {
+    const A = (T) => {
+      K.current && !K.current.contains(T.target) && D(!1);
     };
-    return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
-  }, []), T(() => {
-    y || J("");
-  }, [y]), T(() => {
+    return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
+  }, []), P(() => {
+    g || X("");
+  }, [g]), P(() => {
     if (!m) return;
-    const S = setTimeout(() => {
-      var F;
-      (F = Q.current) == null || F.call(Q, H);
-    }, h);
-    return () => clearTimeout(S);
-  }, [H, m, h]);
-  const K = U(() => m && !r && H.trim() ? u.filter(
-    (S) => String((S == null ? void 0 : S[c]) ?? "").toLowerCase().includes(H.toLowerCase())
-  ) : u ?? [], [u, m, r, H, c]), M = U(() => {
-    if (I == null) return "";
-    if (typeof I == "object")
-      return String(I[d] ?? "");
-    const S = (u || []).find((F) => String(F == null ? void 0 : F[d]) === String(I));
-    return String(S ? (S == null ? void 0 : S[c]) ?? "" : I);
-  }, [I, u, d, c]), C = (S) => {
-    p || (i ? N == null || N(S[d]) : (x(S[d]), D == null || D(t)), O == null || O(S), E(!1));
+    const A = setTimeout(() => {
+      var T;
+      (T = Q.current) == null || T.call(Q, j);
+    }, v);
+    return () => clearTimeout(A);
+  }, [j, m, v]);
+  const C = J(() => m && !s && j.trim() ? f.filter(
+    (A) => String((A == null ? void 0 : A[c]) ?? "").toLowerCase().includes(j.toLowerCase())
+  ) : f ?? [], [f, m, s, j, c]), w = J(() => {
+    if (V == null) return "";
+    if (typeof V == "object")
+      return String(V[a] ?? "");
+    const A = (f || []).find((T) => String(T == null ? void 0 : T[a]) === String(V));
+    return String(A ? (A == null ? void 0 : A[c]) ?? "" : V);
+  }, [V, f, a, c]), L = (A) => {
+    h || (i ? N == null || N(A[a]) : (O(A[a]), B == null || B(t)), x == null || x(A), D(!1));
   };
-  return V ? null : /* @__PURE__ */ v("div", { className: `select-wrapper form-group ${V ? "hidden" : ""}`, ref: X, children: [
+  return E ? null : /* @__PURE__ */ y("div", { className: `select-wrapper form-group ${E ? "hidden" : ""}`, ref: K, children: [
     /* @__PURE__ */ e("label", { className: "control-label", children: n }),
-    L ? /* @__PURE__ */ v("div", { className: b ? "dfe-flex-input-wrapper" : "", children: [
-      /* @__PURE__ */ e("span", { className: "form-control", style: b ? { flex: 1 } : void 0, children: M || "-" }),
-      b && /* @__PURE__ */ e(ee, { text: b, title: _, width: $ })
-    ] }) : /* @__PURE__ */ v(oe, { children: [
-      /* @__PURE__ */ v("div", { className: b ? "dfe-flex-input-wrapper" : "", children: [
-        /* @__PURE__ */ v(
+    H ? /* @__PURE__ */ y("div", { className: b ? "dfe-flex-input-wrapper" : "", children: [
+      /* @__PURE__ */ e("span", { className: "form-control", style: b ? { flex: 1 } : void 0, children: w || "-" }),
+      b && /* @__PURE__ */ e(M, { text: b, title: _, width: R })
+    ] }) : /* @__PURE__ */ y(de, { children: [
+      /* @__PURE__ */ y("div", { className: b ? "dfe-flex-input-wrapper" : "", children: [
+        /* @__PURE__ */ y(
           "div",
           {
-            className: `select-control ${k ? "border-red" : ""} ${p ? "readOnly" : ""}`,
-            onClick: () => !p && E((S) => !S),
-            ref: w,
+            className: `select-control ${k ? "border-red" : ""} ${h ? "readOnly" : ""}`,
+            onClick: () => !h && D((A) => !A),
+            ref: $,
             style: b ? { flex: 1 } : void 0,
             children: [
-              /* @__PURE__ */ e("span", { className: `select-display ${p ? "readOnly" : ""}`, children: M || f }),
+              /* @__PURE__ */ e("span", { className: `select-display ${h ? "readOnly" : ""}`, children: w || o }),
               /* @__PURE__ */ e("i", { className: "flaticon flaticon-chevron-down select-icon" })
             ]
           }
         ),
-        b && /* @__PURE__ */ e(ee, { text: b, title: _, width: $ })
+        b && /* @__PURE__ */ e(M, { text: b, title: _, width: R })
       ] }),
-      y && !p && /* @__PURE__ */ v("div", { className: "select-dropdown", children: [
+      g && !h && /* @__PURE__ */ y("div", { className: "select-dropdown", children: [
         m && /* @__PURE__ */ e("div", { className: "select-search", children: /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             className: "select-search-input",
-            value: H,
-            onChange: (S) => J(S.target.value),
-            placeholder: g ? "Carregando..." : o,
+            value: j,
+            onChange: (A) => X(A.target.value),
+            placeholder: p ? "Carregando..." : d,
             autoFocus: !0,
-            onClick: (S) => S.stopPropagation()
+            onClick: (A) => A.stopPropagation()
           }
         ) }),
-        /* @__PURE__ */ e("ul", { className: "select-options", children: g ? /* @__PURE__ */ e("li", { className: "select-option readOnly", children: "Carregando..." }) : K.length > 0 ? K.map((S) => /* @__PURE__ */ e("li", { onClick: () => C(S), className: "select-option handleHover", children: S[c] }, S[d])) : /* @__PURE__ */ e("li", { className: "select-option readOnly", children: "Sem resultados" }) })
+        /* @__PURE__ */ e("ul", { className: "select-options", children: p ? /* @__PURE__ */ e("li", { className: "select-option readOnly", children: "Carregando..." }) : C.length > 0 ? C.map((A) => /* @__PURE__ */ e("li", { onClick: () => L(A), className: "select-option handleHover", children: A[c] }, A[a])) : /* @__PURE__ */ e("li", { className: "select-option readOnly", children: "Sem resultados" }) })
       ] })
     ] }),
-    !i && /* @__PURE__ */ e("input", { type: "hidden", name: t, value: I || "" }),
-    (k || s) && /* @__PURE__ */ e("p", { className: "text-danger", children: String((k == null ? void 0 : k.message) ?? s) })
+    !i && /* @__PURE__ */ e("input", { type: "hidden", name: t, value: V || "" }),
+    (k || r) && /* @__PURE__ */ e("p", { className: "text-danger", children: String((k == null ? void 0 : k.message) ?? r) })
   ] });
 }
-const re = q(Le);
+const ne = q(Be);
 function at({
   name: t,
   options: n = [],
-  label: u = "",
-  valueKey: f = "value",
+  label: f = "",
+  valueKey: o = "value",
   labelKey: c = "label",
-  forceReadOnly: d = !1,
+  forceReadOnly: a = !1,
   forceHidden: m = !1,
-  valueManual: o,
-  onChangeManual: g
+  valueManual: d,
+  onChangeManual: p
 }) {
-  var L, I;
-  let r = null;
+  var H, V;
+  let s = null;
   try {
-    r = W();
+    s = W();
   } catch {
   }
-  const h = o !== void 0 && !!g, { isView: O, isReadOnly: A } = Y(), { isReadOnly: B, isHidden: b } = G(), _ = B ? B(t) : !1, $ = b ? b(t) : !1, R = d || _, N = m || $, s = R || A || O, i = () => n ? n.reduce(
-    (x, w) => {
-      const k = String(w[f]);
-      if (h)
-        x[k] = !!(o != null && o[k]);
-      else if (r) {
-        const D = r.getValues(k);
-        x[k] = D === "on";
+  const v = d !== void 0 && !!p, { isView: x, isReadOnly: I } = z(), { isReadOnly: F, isHidden: b } = G(), _ = F ? F(t) : !1, R = b ? b(t) : !1, S = a || _, N = m || R, r = S || I || x, i = () => n ? n.reduce(
+    (O, $) => {
+      const k = String($[o]);
+      if (v)
+        O[k] = !!(d != null && d[k]);
+      else if (s) {
+        const B = s.getValues(k);
+        O[k] = B === "on";
       } else
-        x[k] = !1;
-      return x;
+        O[k] = !1;
+      return O;
     },
     {}
-  ) : {}, l = !h && r ? r.watch(t) : void 0, a = U(() => h && o ? o : l && typeof l == "object" ? l : i(), [l, o, n]);
-  T(() => {
-    if (h || !r) return;
-    const x = r.getValues(t);
-    (!x || typeof x != "object") && r.setValue(t, a, {
+  ) : {}, l = !v && s ? s.watch(t) : void 0, u = J(() => v && d ? d : l && typeof l == "object" ? l : i(), [l, d, n]);
+  P(() => {
+    if (v || !s) return;
+    const O = s.getValues(t);
+    (!O || typeof O != "object") && s.setValue(t, u, {
       shouldDirty: !1,
       shouldValidate: !1
     });
-  }, [a, t, r, h]);
-  const p = (x, w) => {
-    if (s) return;
-    const k = { ...a, [x]: w };
-    if (h) {
-      g && g(k);
+  }, [u, t, s, v]);
+  const h = (O, $) => {
+    if (r) return;
+    const k = { ...u, [O]: $ };
+    if (v) {
+      p && p(k);
       return;
     }
-    r && (r.setValue(t, k, {
+    s && (s.setValue(t, k, {
       shouldDirty: !0,
       shouldValidate: !0
-    }), r.setValue(x, w ? "on" : "", { shouldValidate: !1 }));
-  }, V = h ? null : (I = (L = r == null ? void 0 : r.formState) == null ? void 0 : L.errors) == null ? void 0 : I[t];
-  return /* @__PURE__ */ v("div", { className: `form-group ${N ? "hidden" : ""}`, children: [
-    u && /* @__PURE__ */ e("label", { children: u }),
+    }), s.setValue(O, $ ? "on" : "", { shouldValidate: !1 }));
+  }, E = v ? null : (V = (H = s == null ? void 0 : s.formState) == null ? void 0 : H.errors) == null ? void 0 : V[t];
+  return /* @__PURE__ */ y("div", { className: `form-group ${N ? "hidden" : ""}`, children: [
+    f && /* @__PURE__ */ e("label", { children: f }),
     /* @__PURE__ */ e(
       "div",
       {
-        className: `checkbox-group-custom ${s ? "readOnly" : ""}`,
-        children: n.map((x) => {
-          const w = String(x[f]), k = a[w] === !0;
-          return /* @__PURE__ */ v("div", { children: [
-            !h && r && /* @__PURE__ */ e("input", { type: "hidden", ...r.register(w) }),
-            /* @__PURE__ */ v(
+        className: `checkbox-group-custom ${r ? "readOnly" : ""}`,
+        children: n.map((O) => {
+          const $ = String(O[o]), k = u[$] === !0;
+          return /* @__PURE__ */ y("div", { children: [
+            !v && s && /* @__PURE__ */ e("input", { type: "hidden", ...s.register($) }),
+            /* @__PURE__ */ y(
               "label",
               {
-                className: `custom-checkbox ${k ? "checked" : ""} ${s ? "readOnly" : ""}`,
+                className: `custom-checkbox ${k ? "checked" : ""} ${r ? "readOnly" : ""}`,
                 children: [
                   /* @__PURE__ */ e(
                     "input",
                     {
                       type: "checkbox",
                       checked: k,
-                      disabled: s,
-                      onChange: (D) => p(w, D.target.checked)
+                      disabled: r,
+                      onChange: (B) => h($, B.target.checked)
                     }
                   ),
                   /* @__PURE__ */ e("span", { className: "checkmark" }),
-                  /* @__PURE__ */ e("span", { children: x[c] })
+                  /* @__PURE__ */ e("span", { children: O[c] })
                 ]
               }
             )
-          ] }, w);
+          ] }, $);
         })
       }
     ),
-    V && /* @__PURE__ */ e("p", { className: "text-danger", children: String(V.message) })
+    E && /* @__PURE__ */ e("p", { className: "text-danger", children: String(E.message) })
   ] });
 }
-function Be({
+function He({
   name: t,
   label: n = "",
-  options: u = [],
-  valueKey: f = "value",
+  options: f = [],
+  valueKey: o = "value",
   labelKey: c = "label",
-  iconKey: d = "icon",
+  iconKey: a = "icon",
   forceReadOnly: m = !1,
-  forceHidden: o = !1,
-  valueManual: g,
-  onChangeManual: r,
-  errorManual: h
+  forceHidden: d = !1,
+  valueManual: p,
+  onChangeManual: s,
+  errorManual: v
 }) {
-  var L, I;
-  const O = g !== void 0 && !!r, { isReadOnly: A, isHidden: B } = G(), b = m || !!A(t), _ = o || !!B(t), { isView: $, isReadOnly: R } = Y();
+  var H, V;
+  const x = p !== void 0 && !!s, { isReadOnly: I, isHidden: F } = G(), b = m || !!I(t), _ = d || !!F(t), { isView: R, isReadOnly: S } = z();
   let N = null;
   try {
     N = W();
   } catch {
   }
-  const s = !O && N ? Z({ name: t, control: N.control, defaultValue: "" }) : null, i = !O && N ? ae({ name: t }) : null, l = O ? h : (I = (L = i == null ? void 0 : i.errors) == null ? void 0 : L[t]) == null ? void 0 : I.message, a = b || R || $, p = O ? g : (s == null ? void 0 : s.field.value) ?? "", V = P(
-    (x) => {
-      a || (O ? r == null || r(x) : (s == null || s.field.onChange(x), s == null || s.field.onBlur()));
+  const r = !x && N ? Z({ name: t, control: N.control, defaultValue: "" }) : null, i = !x && N ? ae({ name: t }) : null, l = x ? v : (V = (H = i == null ? void 0 : i.errors) == null ? void 0 : H[t]) == null ? void 0 : V.message, u = b || S || R, h = x ? p : (r == null ? void 0 : r.field.value) ?? "", E = U(
+    (O) => {
+      u || (x ? s == null || s(O) : (r == null || r.field.onChange(O), r == null || r.field.onBlur()));
     },
-    [a, O, r, s]
+    [u, x, s, r]
   );
-  return /* @__PURE__ */ v("div", { className: `form-group column ${_ ? "hidden" : ""}`, children: [
+  return /* @__PURE__ */ y("div", { className: `form-group column ${_ ? "hidden" : ""}`, children: [
     n && /* @__PURE__ */ e("label", { className: "control-label", children: n }),
-    /* @__PURE__ */ e("div", { className: `btn-group ${a ? "view-mode" : ""}`, "data-field-name": t, children: u.map((x) => {
-      const w = x[f], k = p === w, D = x.color ? { "--customColor": x.color } : void 0;
+    /* @__PURE__ */ e("div", { className: `btn-group ${u ? "view-mode" : ""}`, "data-field-name": t, children: f.map((O) => {
+      const $ = O[o], k = h === $, B = O.color ? { "--customColor": O.color } : void 0;
       return (
         // Trocado de <label> para <div> para evitar comportamentos nativos de clique do HTML
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ y(
           "div",
           {
-            style: D,
+            style: B,
             className: `btn fs-ellipsis ${k ? "active" : ""}`,
-            onClick: () => V(w),
+            onClick: () => E($),
             children: [
-              x[d] && /* @__PURE__ */ e("i", { className: `${x[d]} icon-sm` }),
+              O[a] && /* @__PURE__ */ e("i", { className: `${O[a]} icon-sm` }),
               " ",
-              x[c]
+              O[c]
             ]
           },
-          w
+          $
         )
       );
     }) }),
-    !O && /* @__PURE__ */ e("input", { type: "hidden", name: t, value: p || "", ref: s == null ? void 0 : s.field.ref }),
-    (l || h) && /* @__PURE__ */ e("p", { className: "text-danger", children: String(l ?? h) })
+    !x && /* @__PURE__ */ e("input", { type: "hidden", name: t, value: h || "", ref: r == null ? void 0 : r.field.ref }),
+    (l || v) && /* @__PURE__ */ e("p", { className: "text-danger", children: String(l ?? v) })
   ] });
 }
-const ut = q(Be), Ce = ({
+const ut = q(He), Le = ({
   name: t,
   label: n = "",
-  placeholder: u = "",
-  className: f = "",
+  placeholder: f = "",
+  className: o = "",
   rows: c = 4,
-  maxLength: d,
+  maxLength: a,
   forceReadOnly: m = !1,
-  forceHidden: o = !1,
-  valueManual: g,
-  onChangeManual: r,
-  errorManual: h
+  forceHidden: d = !1,
+  valueManual: p,
+  onChangeManual: s,
+  errorManual: v
 }) => {
-  var a;
-  const O = g !== void 0 && !!r, { isReadOnly: A, isHidden: B } = G(), b = m || !!A(t), _ = o || !!B(t), { isView: $ } = Y(), R = te(null);
+  var u;
+  const x = p !== void 0 && !!s, { isReadOnly: I, isHidden: F } = G(), b = m || !!I(t), _ = d || !!F(t), { isView: R } = z(), S = ee(null);
   let N = {
-    value: g ?? "",
-    onChange: (p) => r == null ? void 0 : r(p)
-  }, s = null;
-  if (!O)
+    value: p ?? "",
+    onChange: (h) => s == null ? void 0 : s(h)
+  }, r = null;
+  if (!x)
     try {
-      const { control: p } = W(), V = Z({ name: t, control: p });
-      N = V.field, s = (a = V.fieldState) == null ? void 0 : a.error;
+      const { control: h } = W(), E = Z({ name: t, control: h });
+      N = E.field, r = (u = E.fieldState) == null ? void 0 : u.error;
     } catch {
     }
   const i = () => {
-    R.current && (R.current.style.height = "auto", R.current.style.height = `${R.current.scrollHeight}px`);
+    S.current && (S.current.style.height = "auto", S.current.style.height = `${S.current.scrollHeight}px`);
   };
-  if (T(() => {
+  if (P(() => {
     i();
-  }, [N.value]), $)
-    return /* @__PURE__ */ v("div", { className: `form-group ${_ ? "hidden" : ""}`, children: [
+  }, [N.value]), R)
+    return /* @__PURE__ */ y("div", { className: `form-group ${_ ? "hidden" : ""}`, children: [
       /* @__PURE__ */ e("label", { children: n }),
       /* @__PURE__ */ e("span", { className: "form-control", children: N.value || "-" })
     ] });
-  const l = `form-control ${b ? "readOnly" : ""} ${s || h ? "border-red" : ""} ${f}`;
-  return /* @__PURE__ */ v("div", { className: `form-group ${_ ? "hidden" : ""}`, children: [
+  const l = `form-control ${b ? "readOnly" : ""} ${r || v ? "border-red" : ""} ${o}`;
+  return /* @__PURE__ */ y("div", { className: `form-group ${_ ? "hidden" : ""}`, children: [
     n && /* @__PURE__ */ e("label", { children: n }),
     /* @__PURE__ */ e(
       "textarea",
       {
-        ref: R,
+        ref: S,
         rows: c,
-        maxLength: d,
+        maxLength: a,
         value: N.value || "",
-        placeholder: u,
+        placeholder: f,
         readOnly: b,
         className: l,
         style: {
@@ -480,29 +478,29 @@ const ut = q(Be), Ce = ({
           maxHeight: "400px",
           overflowY: "auto"
         },
-        onChange: (p) => {
-          O ? r == null || r(p.target.value) : N.onChange(p);
+        onChange: (h) => {
+          x ? s == null || s(h.target.value) : N.onChange(h);
         },
         onInput: i
       }
     ),
-    (s || h) && /* @__PURE__ */ e("p", { className: "text-danger", children: String((s == null ? void 0 : s.message) ?? h) })
+    (r || v) && /* @__PURE__ */ e("p", { className: "text-danger", children: String((r == null ? void 0 : r.message) ?? v) })
   ] });
-}, ft = q(Ce);
+}, ft = q(Le);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const me = (...t) => t.filter((n, u, f) => !!n && n.trim() !== "" && f.indexOf(n) === u).join(" ").trim();
+const me = (...t) => t.filter((n, f, o) => !!n && n.trim() !== "" && o.indexOf(n) === f).join(" ").trim();
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const He = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Ce = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -511,7 +509,7 @@ const He = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
  */
 const Fe = (t) => t.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (n, u, f) => f ? f.toUpperCase() : u.toLowerCase()
+  (n, f, o) => o ? o.toUpperCase() : f.toLowerCase()
 );
 /**
  * @license lucide-react v0.575.0 - ISC
@@ -529,7 +527,7 @@ const ie = (t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var Te = {
+var je = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -546,7 +544,7 @@ var Te = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const je = (t) => {
+const Te = (t) => {
   for (const n in t)
     if (n.startsWith("aria-") || n === "role" || n === "title")
       return !0;
@@ -558,32 +556,32 @@ const je = (t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pe = de(
+const Pe = oe(
   ({
     color: t = "currentColor",
     size: n = 24,
-    strokeWidth: u = 2,
-    absoluteStrokeWidth: f,
+    strokeWidth: f = 2,
+    absoluteStrokeWidth: o,
     className: c = "",
-    children: d,
+    children: a,
     iconNode: m,
-    ...o
-  }, g) => se(
+    ...d
+  }, p) => te(
     "svg",
     {
-      ref: g,
-      ...Te,
+      ref: p,
+      ...je,
       width: n,
       height: n,
       stroke: t,
-      strokeWidth: f ? Number(u) * 24 / Number(n) : u,
+      strokeWidth: o ? Number(f) * 24 / Number(n) : f,
       className: me("lucide", c),
-      ...!d && !je(o) && { "aria-hidden": "true" },
-      ...o
+      ...!a && !Te(d) && { "aria-hidden": "true" },
+      ...d
     },
     [
-      ...m.map(([r, h]) => se(r, h)),
-      ...Array.isArray(d) ? d : [d]
+      ...m.map(([s, v]) => te(s, v)),
+      ...Array.isArray(a) ? a : [a]
     ]
   )
 );
@@ -593,20 +591,20 @@ const Pe = de(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ne = (t, n) => {
-  const u = de(
-    ({ className: f, ...c }, d) => se(Pe, {
-      ref: d,
+const se = (t, n) => {
+  const f = oe(
+    ({ className: o, ...c }, a) => te(Pe, {
+      ref: a,
       iconNode: n,
       className: me(
-        `lucide-${He(ie(t))}`,
+        `lucide-${Ce(ie(t))}`,
         `lucide-${t}`,
-        f
+        o
       ),
       ...c
     })
   );
-  return u.displayName = ie(t), u;
+  return f.displayName = ie(t), f;
 };
 /**
  * @license lucide-react v0.575.0 - ISC
@@ -614,28 +612,28 @@ const ne = (t, n) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ze = [
+const Ue = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
-], Ue = ne("calendar", ze);
+], Ye = se("calendar", Ue);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const We = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Ye = ne("chevron-left", We);
+const Je = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], We = se("chevron-left", Je);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], qe = ne("chevron-right", Je), he = "dd/MM/yyyy", le = (t) => {
+const ze = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], qe = se("chevron-right", ze), he = "dd/MM/yyyy", le = (t) => {
   if (!t) return null;
-  const n = Ae(t, he, /* @__PURE__ */ new Date());
+  const n = xe(t, he, /* @__PURE__ */ new Date());
   return ue(n) ? n : null;
 }, Ge = (t) => t ? fe(t, he) : "", Qe = [
   { value: 0, label: "Janeiro" },
@@ -651,98 +649,98 @@ const Je = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], qe = ne("chevron-r
   { value: 10, label: "Novembro" },
   { value: 11, label: "Dezembro" }
 ], ce = 1940, Ze = 2100, Xe = Array.from({ length: Ze - ce + 1 }, (t, n) => {
-  const u = ce + n;
-  return { value: u, label: String(u) };
+  const f = ce + n;
+  return { value: f, label: String(f) };
 });
 function Ke({
   name: t,
   label: n = "",
-  placeholder: u = "dd/mm/aaaa",
-  className: f = "",
+  placeholder: f = "dd/mm/aaaa",
+  className: o = "",
   forceReadOnly: c = !1,
-  forceHidden: d = !1,
+  forceHidden: a = !1,
   valueManual: m,
-  onChangeManual: o,
-  errorManual: g
+  onChangeManual: d,
+  errorManual: p
 }) {
-  var D;
-  const r = m !== void 0 && !!o, { isReadOnly: h, isHidden: O } = G(), A = c || !!h(t), B = d || !!O(t), { isView: b } = Y();
-  let _ = "", $ = () => {
-  }, R, N = null, s = () => {
+  var B;
+  const s = m !== void 0 && !!d, { isReadOnly: v, isHidden: x } = G(), I = c || !!v(t), F = a || !!x(t), { isView: b } = z();
+  let _ = "", R = () => {
+  }, S, N = null, r = () => {
   };
-  if (r)
+  if (s)
     _ = m;
   else
     try {
-      const y = W(), E = Z({ name: t, control: y.control });
-      _ = E.field.value, $ = E.field.onChange, R = E.field.ref, N = (D = E.fieldState) == null ? void 0 : D.error, s = y.clearErrors;
+      const g = W(), D = Z({ name: t, control: g.control });
+      _ = D.field.value, R = D.field.onChange, S = D.field.ref, N = (B = D.fieldState) == null ? void 0 : B.error, r = g.clearErrors;
     } catch {
     }
-  const [i, l] = z(!1), [a, p] = z(/* @__PURE__ */ new Date()), V = te(null);
-  T(() => {
+  const [i, l] = Y(!1), [u, h] = Y(/* @__PURE__ */ new Date()), E = ee(null);
+  P(() => {
     if (i) {
-      const y = le(_);
-      p(y && ue(y) ? y : /* @__PURE__ */ new Date());
+      const g = le(_);
+      h(g && ue(g) ? g : /* @__PURE__ */ new Date());
     }
-  }, [i, _]), T(() => {
-    const y = (E) => {
-      V.current && !V.current.contains(E.target) && l(!1);
+  }, [i, _]), P(() => {
+    const g = (D) => {
+      E.current && !E.current.contains(D.target) && l(!1);
     };
-    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, []);
-  const L = U(() => le(_), [_]), I = (y) => {
-    if (A) return;
-    const E = Ge(y);
-    r ? o == null || o(E) : ($(E), s == null || s(t)), l(!1);
-  }, x = U(() => ve({
-    start: be(Ne(a)),
-    end: ye(ge(a))
-  }), [a]), w = a.getMonth(), k = ke(a);
-  return /* @__PURE__ */ v("div", { className: `dfe-datepicker-wrapper form-group ${B ? "hidden" : ""} ${f}`, ref: V, children: [
+  const H = J(() => le(_), [_]), V = (g) => {
+    if (I) return;
+    const D = Ge(g);
+    s ? d == null || d(D) : (R(D), r == null || r(t)), l(!1);
+  }, O = J(() => ve({
+    start: be(Ne(u)),
+    end: ye(ge(u))
+  }), [u]), $ = u.getMonth(), k = ke(u);
+  return /* @__PURE__ */ y("div", { className: `dfe-datepicker-wrapper form-group ${F ? "hidden" : ""} ${o}`, ref: E, children: [
     /* @__PURE__ */ e("label", { className: "control-label", children: n }),
     b ? /* @__PURE__ */ e("span", { className: "form-control", children: _ || "-" }) : (
       /* Container isolador de contexto posicional */
-      /* @__PURE__ */ v("div", { className: "dfe-datepicker-inner-container", children: [
-        /* @__PURE__ */ v(
+      /* @__PURE__ */ y("div", { className: "dfe-datepicker-inner-container", children: [
+        /* @__PURE__ */ y(
           "div",
           {
-            className: `dfe-datepicker-control ${N ? "border-red" : ""} ${A ? "readOnly" : ""}`,
-            onClick: () => !A && l((y) => !y),
-            ref: R,
+            className: `dfe-datepicker-control ${N ? "border-red" : ""} ${I ? "readOnly" : ""}`,
+            onClick: () => !I && l((g) => !g),
+            ref: S,
             children: [
-              /* @__PURE__ */ e("span", { className: `dfe-datepicker-display ${A ? "readOnly" : ""}`, children: _ || u }),
-              /* @__PURE__ */ e(Ue, { size: 16, className: "dfe-datepicker-icon" })
+              /* @__PURE__ */ e("span", { className: `dfe-datepicker-display ${I ? "readOnly" : ""}`, children: _ || f }),
+              /* @__PURE__ */ e(Ye, { size: 16, className: "dfe-datepicker-icon" })
             ]
           }
         ),
-        i && !A && /* @__PURE__ */ v("div", { className: "dfe-datepicker-dropdown", onClick: (y) => y.stopPropagation(), children: [
-          /* @__PURE__ */ v("div", { className: "dfe-datepicker-header", children: [
+        i && !I && /* @__PURE__ */ y("div", { className: "dfe-datepicker-dropdown", onClick: (g) => g.stopPropagation(), children: [
+          /* @__PURE__ */ y("div", { className: "dfe-datepicker-header", children: [
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => p(we(a, 1)),
+                onClick: () => h(we(u, 1)),
                 className: "dfe-datepicker-nav-btn",
-                children: /* @__PURE__ */ e(Ye, { size: 16 })
+                children: /* @__PURE__ */ e(We, { size: 16 })
               }
             ),
-            /* @__PURE__ */ v("div", { className: "dfe-datepicker-selectors", children: [
+            /* @__PURE__ */ y("div", { className: "dfe-datepicker-selectors", children: [
               /* @__PURE__ */ e(
-                re,
+                ne,
                 {
                   name: "datepicker_internal_month",
-                  valueManual: w,
-                  onChangeManual: (y) => p(xe(a, Number(y))),
+                  valueManual: $,
+                  onChangeManual: (g) => h($e(u, Number(g))),
                   options: Qe,
                   placeholder: "Mês"
                 }
               ),
               /* @__PURE__ */ e(
-                re,
+                ne,
                 {
                   name: "datepicker_internal_year",
                   valueManual: k,
-                  onChangeManual: (y) => p(Se(a, Number(y))),
+                  onChangeManual: (g) => h(Oe(u, Number(g))),
                   options: Xe,
                   enableSearch: !0,
                   searchPlaceholder: "Buscar ano...",
@@ -754,55 +752,55 @@ function Ke({
               "button",
               {
                 type: "button",
-                onClick: () => p(_e(a, 1)),
+                onClick: () => h(_e(u, 1)),
                 className: "dfe-datepicker-nav-btn",
                 children: /* @__PURE__ */ e(qe, { size: 16 })
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "dfe-datepicker-grid-header", children: ["D", "S", "T", "Q", "Q", "S", "S"].map((y, E) => /* @__PURE__ */ e("span", { children: y }, E)) }),
-          /* @__PURE__ */ e("div", { className: "dfe-datepicker-grid", children: x.map((y, E) => {
-            const H = !Re(y, a), J = L && Oe(y, L);
+          /* @__PURE__ */ e("div", { className: "dfe-datepicker-grid-header", children: ["D", "S", "T", "Q", "Q", "S", "S"].map((g, D) => /* @__PURE__ */ e("span", { children: g }, D)) }),
+          /* @__PURE__ */ e("div", { className: "dfe-datepicker-grid", children: O.map((g, D) => {
+            const j = !Re(g, u), X = H && Se(g, H);
             return /* @__PURE__ */ e(
               "div",
               {
-                onClick: () => !H && I(y),
+                onClick: () => !j && V(g),
                 className: `dfe-datepicker-day 
-                        ${J ? "selected" : "handleHover"} 
-                        ${H ? "outside" : ""} 
-                        ${$e(y) ? "today" : ""}`,
-                children: fe(y, "d")
+                        ${X ? "selected" : "handleHover"} 
+                        ${j ? "outside" : ""} 
+                        ${Ae(g) ? "today" : ""}`,
+                children: fe(g, "d")
               },
-              E
+              D
             );
           }) })
         ] })
       ] })
     ),
-    !r && /* @__PURE__ */ e("input", { type: "hidden", name: t, value: _ || "" }),
-    (N || g) && /* @__PURE__ */ e("p", { className: "text-danger", children: String((N == null ? void 0 : N.message) ?? g) })
+    !s && /* @__PURE__ */ e("input", { type: "hidden", name: t, value: _ || "" }),
+    (N || p) && /* @__PURE__ */ e("p", { className: "text-danger", children: String((N == null ? void 0 : N.message) ?? p) })
   ] });
 }
 const mt = q(Ke);
 function Me({
   mapping: t = {},
   defaultLabel: n = "Não reconhecido",
-  className: u = "",
-  hidden: f = !1,
+  className: f = "",
+  hidden: o = !1,
   label: c
 }) {
-  const { activityId: d } = Y(), m = U(() => !t || d === null || d === void 0 ? null : t[d], [d, t]);
+  const { activityId: a } = z(), m = J(() => !t || a === null || a === void 0 ? null : t[a], [a, t]);
   if (!m)
-    return /* @__PURE__ */ v("div", { className: `form-group ${f ? "hidden" : ""}`, children: [
+    return /* @__PURE__ */ y("div", { className: `form-group ${o ? "hidden" : ""}`, children: [
       c && /* @__PURE__ */ e("label", { children: c }),
-      /* @__PURE__ */ e("div", { className: `status-badge default ${u}`, children: n })
+      /* @__PURE__ */ e("div", { className: `status-badge default ${f}`, children: n })
     ] });
-  const o = {
+  const d = {
     "--customColor": m.color
   };
-  return /* @__PURE__ */ v("div", { className: `form-group ${f ? "hidden" : ""}`, children: [
+  return /* @__PURE__ */ y("div", { className: `form-group ${o ? "hidden" : ""}`, children: [
     c && /* @__PURE__ */ e("label", { children: c }),
-    /* @__PURE__ */ v("div", { className: `status-badge ${u}`, style: o, children: [
+    /* @__PURE__ */ y("div", { className: `status-badge ${f}`, style: d, children: [
       m.icon && /* @__PURE__ */ e("i", { className: m.icon }),
       /* @__PURE__ */ e("span", { children: m.label })
     ] })
@@ -812,116 +810,116 @@ const ht = q(Me);
 function et({
   name: t,
   control: n,
-  defaultRowValue: u,
-  isView: f,
+  defaultRowValue: f,
+  isView: o,
   isReadOnly: c,
-  filters: d = []
+  filters: a = []
 }) {
-  const { field: m } = Z({ name: t, control: n }), [o, g] = z([]), [r, h] = z([]), O = () => Date.now() + Math.random(), A = (i) => {
+  const { field: m } = Z({ name: t, control: n }), [d, p] = Y([]), [s, v] = Y([]), x = () => Date.now() + Math.random(), I = (i) => {
     try {
       const l = JSON.parse(i);
-      return Array.isArray(l) ? l.map((a) => ({
-        ...a,
-        _uid: a._uid || O()
+      return Array.isArray(l) ? l.map((u) => ({
+        ...u,
+        _uid: u._uid || x()
       })) : [];
     } catch (l) {
       return console.error(`Erro ao ler dados da tabela "${t}":`, l), [];
     }
   };
-  T(() => {
-    if (!(o.length > 0 && !f) && m.value && typeof m.value == "string") {
-      const i = JSON.stringify(o);
+  P(() => {
+    if (!(d.length > 0 && !o) && m.value && typeof m.value == "string") {
+      const i = JSON.stringify(d);
       if (m.value === i) return;
-      const l = A(m.value);
-      g(l);
+      const l = I(m.value);
+      p(l);
     }
-  }, [m.value, f]), T(() => {
+  }, [m.value, o]), P(() => {
     if (c) return;
-    const i = JSON.stringify(o);
+    const i = JSON.stringify(d);
     m.value !== i && m.onChange(i);
-  }, [o, m, c]);
-  const B = P(() => {
-    const i = { _uid: O(), ...u };
-    g((l) => [...l, i]);
-  }, [u]), b = P(() => {
-    g((i) => i.filter((l) => !r.includes(l._uid))), h([]);
-  }, [r]), _ = P((i, l, a) => {
-    g((p) => p.map((V) => V._uid === i ? { ...V, [l]: a } : V));
-  }, []), $ = P((i) => {
-    h((l) => l.includes(i) ? l.filter((a) => a !== i) : [...l, i]);
-  }, []), R = P(
+  }, [d, m, c]);
+  const F = U(() => {
+    const i = { _uid: x(), ...f };
+    p((l) => [...l, i]);
+  }, [f]), b = U(() => {
+    p((i) => i.filter((l) => !s.includes(l._uid))), v([]);
+  }, [s]), _ = U((i, l, u) => {
+    p((h) => h.map((E) => E._uid === i ? { ...E, [l]: u } : E));
+  }, []), R = U((i) => {
+    v((l) => l.includes(i) ? l.filter((u) => u !== i) : [...l, i]);
+  }, []), S = U(
     (i) => {
-      h(i ? o.map((l) => l._uid) : []);
+      v(i ? d.map((l) => l._uid) : []);
     },
-    [o]
-  ), N = o.length > 0 && r.length === o.length, s = U(() => !d || d.length === 0 ? o : o.filter(
-    (i) => d.every((l) => {
+    [d]
+  ), N = d.length > 0 && s.length === d.length, r = J(() => !a || a.length === 0 ? d : d.filter(
+    (i) => a.every((l) => {
       if ("custom" in l)
         return l.custom(i);
-      const a = i[l.field];
+      const u = i[l.field];
       switch (l.operator) {
         case "===":
-          return a === l.value;
+          return u === l.value;
         case "!==":
-          return a !== l.value;
+          return u !== l.value;
         case ">":
-          return a > l.value;
+          return u > l.value;
         case "<":
-          return a < l.value;
+          return u < l.value;
         case ">=":
-          return a >= l.value;
+          return u >= l.value;
         case "<=":
-          return a <= l.value;
+          return u <= l.value;
         default:
           return !0;
       }
     })
-  ), [o, d]);
+  ), [d, a]);
   return {
     field: m,
-    tableRows: o,
-    visibleRows: s,
-    selectedRowIds: r,
+    tableRows: d,
+    visibleRows: r,
+    selectedRowIds: s,
     isAllSelected: N,
     handle: {
-      addRow: B,
+      addRow: F,
       removeRows: b,
       updateCellValue: _,
-      toggleSelection: $,
-      toggleSelectAll: R
+      toggleSelection: R,
+      toggleSelectAll: S
     }
   };
 }
 const pt = ({
   name: t,
   title: n = "Tabela Dinâmica",
-  columns: u,
-  defaultRowValue: f = {},
+  columns: f,
+  defaultRowValue: o = {},
   forceReadOnly: c = !1,
-  layout: d = "fluid",
+  layout: a = "fluid",
   actions: m = !0,
-  filters: o = []
+  filters: d = []
 }) => {
-  const { control: g } = W(), { isView: r, isReadOnly: h } = Y(), { isReadOnly: O } = G(), A = c || r || h || O && O(t), { field: B, visibleRows: b, selectedRowIds: _, isAllSelected: $, handle: R } = et({
+  const { control: p } = W(), { isView: s, isReadOnly: v } = z(), { isReadOnly: x } = G(), I = c || s || v || x && x(t), { field: F, visibleRows: b, selectedRowIds: _, isAllSelected: R, handle: S } = et({
     name: t,
-    control: g,
-    defaultRowValue: f,
-    isView: r,
-    isReadOnly: !!A,
-    filters: o
-  }), N = d === "fixed";
-  return /* @__PURE__ */ v("div", { className: `table-wrapper ${N ? "table-fixed" : "table-fluid"}`, children: [
-    /* @__PURE__ */ e("input", { type: "hidden", ...B }),
-    /* @__PURE__ */ v("div", { className: "header-handle", children: [
+    control: p,
+    defaultRowValue: o,
+    isView: s,
+    isReadOnly: !!I,
+    filters: d
+  }), N = a === "fixed";
+  return /* @__PURE__ */ y("div", { className: `table-wrapper ${N ? "table-fixed" : "table-fluid"}`, children: [
+    /* @__PURE__ */ e("input", { type: "hidden", ...F }),
+    /* @__PURE__ */ y("div", { className: "header-handle", children: [
       /* @__PURE__ */ e("h3", { children: n }),
-      !A && m && /* @__PURE__ */ v("div", { className: "handle-actions", children: [
-        /* @__PURE__ */ v(
+      !I && m && /* @__PURE__ */ y("div", { className: "handle-actions", children: [
+        /* @__PURE__ */ y(
           "button",
           {
             type: "button",
             className: `btn ${_.length > 0 ? "btn-danger" : "btn-primary"}`,
             disabled: _.length === 0,
-            onClick: R.removeRows,
+            onClick: S.removeRows,
             children: [
               "Remover (",
               _.length,
@@ -929,197 +927,197 @@ const pt = ({
             ]
           }
         ),
-        /* @__PURE__ */ e("button", { type: "button", className: "btn-add", onClick: R.addRow, children: "Adicionar" })
+        /* @__PURE__ */ e("button", { type: "button", className: "btn-add", onClick: S.addRow, children: "Adicionar" })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "table-scroll", children: /* @__PURE__ */ v("table", { className: "table-custom", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ v("tr", { children: [
-        !A && /* @__PURE__ */ e("th", { style: { width: "50px" }, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "table-scroll", children: /* @__PURE__ */ y("table", { className: "table-custom", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ y("tr", { children: [
+        !I && /* @__PURE__ */ e("th", { style: { width: "50px" }, children: /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
-            checked: $,
-            onChange: (s) => R.toggleSelectAll(s.target.checked)
+            checked: R,
+            onChange: (r) => S.toggleSelectAll(r.target.checked)
           }
         ) }),
-        u.map((s) => /* @__PURE__ */ e(
+        f.map((r) => /* @__PURE__ */ e(
           "th",
           {
-            style: s.width ? { minWidth: N ? s.width : "100%" } : { width: "max-content" },
-            children: s.label
+            style: r.width ? { minWidth: N ? r.width : "100%" } : { width: "max-content" },
+            children: r.label
           },
-          String(s.key)
+          String(r.key)
         ))
       ] }) }),
-      /* @__PURE__ */ v("tbody", { children: [
-        b.map((s, i) => /* @__PURE__ */ v("tr", { children: [
-          !A && /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ y("tbody", { children: [
+        b.map((r, i) => /* @__PURE__ */ y("tr", { children: [
+          !I && /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
             "input",
             {
               type: "checkbox",
-              checked: _.includes(s._uid),
-              onChange: () => R.toggleSelection(s._uid)
+              checked: _.includes(r._uid),
+              onChange: () => S.toggleSelection(r._uid)
             }
           ) }),
-          u.map((l) => /* @__PURE__ */ e("td", { children: l.render ? l.render.length <= 1 ? l.render({
-            row: s,
+          f.map((l) => /* @__PURE__ */ e("td", { children: l.render ? l.render.length <= 1 ? l.render({
+            row: r,
             index: i,
-            updateRow: (a, p) => R.updateCellValue(s._uid, String(a), p),
-            isLocked: !!A,
-            isView: !!r
+            updateRow: (u, h) => S.updateCellValue(r._uid, String(u), h),
+            isLocked: !!I,
+            isView: !!s
           }) : l.render(
-            s,
+            r,
             i,
-            (a, p) => R.updateCellValue(s._uid, a, p),
-            !!A,
-            !!r
-          ) : s[l.key] }, `${s._uid}-${String(l.key)}`))
-        ] }, s._uid)),
-        b.length === 0 && /* @__PURE__ */ e("tr", { className: "empty-row", children: /* @__PURE__ */ e("td", { colSpan: 100, className: "text-center", children: A ? "Nenhum registro encontrado." : "Nenhum registro." }) })
+            (u, h) => S.updateCellValue(r._uid, u, h),
+            !!I,
+            !!s
+          ) : r[l.key] }, `${r._uid}-${String(l.key)}`))
+        ] }, r._uid)),
+        b.length === 0 && /* @__PURE__ */ e("tr", { className: "empty-row", children: /* @__PURE__ */ e("td", { colSpan: 100, className: "text-center", children: I ? "Nenhum registro encontrado." : "Nenhum registro." }) })
       ] })
     ] }) })
   ] });
 }, tt = (t, n) => {
-  const [u, f] = z(null);
+  const [f, o] = Y(null);
   let c = null;
   try {
     c = W().watch;
   } catch {
   }
-  const d = n !== void 0 ? n : c ? c(t) : void 0, m = P(() => {
+  const a = n !== void 0 ? n : c ? c(t) : void 0, m = U(() => {
     try {
-      const g = window.top.__REACT_ATTACHMENT_BRIDGE__;
-      if (g) {
-        const r = g.getAttachment(t, d);
-        f(r || (d ? { name: d, documentId: 0 } : null));
+      const p = window.top.__REACT_ATTACHMENT_BRIDGE__;
+      if (p) {
+        const s = p.getAttachment(t, a);
+        o(s || (a ? { name: a, documentId: 0 } : null));
       } else
-        f(d ? { name: d, documentId: 0 } : null);
+        o(a ? { name: a, documentId: 0 } : null);
     } catch {
-      f(d ? { name: d, documentId: 0 } : null);
+      o(a ? { name: a, documentId: 0 } : null);
     }
-  }, [t, d, n]);
-  return T(() => {
+  }, [t, a, n]);
+  return P(() => {
     m();
-    const o = setInterval(m, 2e3);
-    return () => clearInterval(o);
-  }, [m]), { attachment: u, sync: m };
+    const d = setInterval(m, 2e3);
+    return () => clearInterval(d);
+  }, [m]), { attachment: f, sync: m };
 }, st = ({
   name: t,
   label: n,
-  help: u,
-  valueManual: f,
+  help: f,
+  valueManual: o,
   onChangeManual: c,
-  forceReadOnly: d = !1,
+  forceReadOnly: a = !1,
   forceHidden: m = !1,
-  helpText: o,
-  helpTitle: g,
-  helpWidth: r
+  helpText: d,
+  helpTitle: p,
+  helpWidth: s
 }) => {
-  const h = !!c, { isReadOnly: O, isHidden: A } = G(), { isView: B } = Y(), b = d || B || !!O(t), _ = m || !!A(t), [$, R] = z(!1);
+  const v = !!c, { isReadOnly: x, isHidden: I } = G(), { isView: F } = z(), b = a || F || !!x(t), _ = m || !!I(t), [R, S] = Y(!1);
   let N = null;
   try {
     N = W().control;
   } catch {
   }
-  const s = N && !h ? Z({ name: t, control: N }).field : {
-    value: f,
-    onChange: (w) => c == null ? void 0 : c(w)
-  }, { attachment: i, sync: l } = tt(t, f), a = () => {
-    var w;
+  const r = N && !v ? Z({ name: t, control: N }).field : {
+    value: o,
+    onChange: ($) => c == null ? void 0 : c($)
+  }, { attachment: i, sync: l } = tt(t, o), u = () => {
+    var $;
     try {
       const k = window.top;
       return {
         bridge: k.__REACT_ATTACHMENT_BRIDGE__,
-        toast: (w = k.FLUIGC) == null ? void 0 : w.toast
+        toast: ($ = k.FLUIGC) == null ? void 0 : $.toast
       };
     } catch {
       return { bridge: null, toast: null };
     }
-  }, p = P(() => {
+  }, h = U(() => {
     if (b) return;
-    const w = document.createElement("input");
-    w.type = "file", w.onchange = (k) => {
-      const D = k.target.files[0];
-      if (!D) return;
-      const { bridge: y, toast: E } = a();
-      R(!0), y ? y.upload(D, t, (H) => {
-        h ? c == null || c(H.name) : s.onChange(H.name), setTimeout(() => {
-          R(!1), l();
-        }, 1e3), E && E({
+    const $ = document.createElement("input");
+    $.type = "file", $.onchange = (k) => {
+      const B = k.target.files[0];
+      if (!B) return;
+      const { bridge: g, toast: D } = u();
+      S(!0), g ? g.upload(B, t, (j) => {
+        v ? c == null || c(j.name) : r.onChange(j.name), setTimeout(() => {
+          S(!1), l();
+        }, 1e3), D && D({
           title: "Sucesso",
           message: "Arquivo enviado",
           type: "success"
         });
-      }) : (h ? c == null || c(D.name) : s.onChange(D.name), R(!1));
-    }, w.click();
-  }, [t, s, l, c, b, h]), V = (w) => {
-    if (w.stopPropagation(), b) return;
-    const k = (i == null ? void 0 : i.name) || f || s.value;
+      }) : (v ? c == null || c(B.name) : r.onChange(B.name), S(!1));
+    }, $.click();
+  }, [t, r, l, c, b, v]), E = ($) => {
+    if ($.stopPropagation(), b) return;
+    const k = (i == null ? void 0 : i.name) || o || r.value;
     if (!k) return;
-    const { bridge: D, toast: y } = a();
-    D ? D.removeByFileName(k) ? (h ? c == null || c("") : s.onChange(""), l()) : y && y({
+    const { bridge: B, toast: g } = u();
+    B ? B.removeByFileName(k) ? (v ? c == null || c("") : r.onChange(""), l()) : g && g({
       title: "Erro",
       message: "Erro ao remover anexo",
       type: "danger"
-    }) : (h ? c == null || c("") : s.onChange(""), l());
-  }, L = !!i && !$, I = (i == null ? void 0 : i.name) || f || s.value, x = [
+    }) : (v ? c == null || c("") : r.onChange(""), l());
+  }, H = !!i && !R, V = (i == null ? void 0 : i.name) || o || r.value, O = [
     "fluig-attachment__box",
-    L ? "fluig-attachment__box--has-file" : "",
-    $ ? "fluig-attachment__box--uploading" : "",
-    b && !L ? "readOnly" : "",
-    b && L ? "fluig-attachment__box--readonly-view" : ""
+    H ? "fluig-attachment__box--has-file" : "",
+    R ? "fluig-attachment__box--uploading" : "",
+    b && !H ? "readOnly" : "",
+    b && H ? "fluig-attachment__box--readonly-view" : ""
   ].join(" ");
-  return _ ? null : /* @__PURE__ */ v("div", { className: "form-group fluig-attachment", children: [
+  return _ ? null : /* @__PURE__ */ y("div", { className: "form-group fluig-attachment", children: [
     n && /* @__PURE__ */ e("label", { className: "fluig-attachment__label", children: n }),
-    /* @__PURE__ */ v("div", { className: o ? "dfe-flex-input-wrapper" : "", children: [
-      /* @__PURE__ */ v(
+    /* @__PURE__ */ y("div", { className: d ? "dfe-flex-input-wrapper" : "", children: [
+      /* @__PURE__ */ y(
         "div",
         {
-          className: x,
-          style: o ? { flex: 1 } : void 0,
+          className: O,
+          style: d ? { flex: 1 } : void 0,
           onClick: () => {
-            if (L) {
-              const w = a(), k = (i == null ? void 0 : i.physicalFileName) || (i == null ? void 0 : i.description) || (i == null ? void 0 : i.name) || I;
-              w.bridge && k && w.bridge.view(k);
+            if (H) {
+              const $ = u(), k = (i == null ? void 0 : i.physicalFileName) || (i == null ? void 0 : i.description) || (i == null ? void 0 : i.name) || V;
+              $.bridge && k && $.bridge.view(k);
             } else
-              p();
+              h();
           },
           children: [
-            /* @__PURE__ */ v("span", { className: "fluig-attachment__content", children: [
+            /* @__PURE__ */ y("span", { className: "fluig-attachment__content", children: [
               /* @__PURE__ */ e(
                 "i",
                 {
-                  className: `flaticon icon-sm ${$ ? "flaticon-loading" : L ? "flaticon-file" : "flaticon-paperclip"} fluig-attachment__icon`
+                  className: `flaticon icon-sm ${R ? "flaticon-loading" : H ? "flaticon-file" : "flaticon-paperclip"} fluig-attachment__icon`
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "fluig-attachment__filename", children: $ ? " Enviando..." : L ? I : b ? "Nenhum arquivo" : u || "Anexar" })
+              /* @__PURE__ */ e("span", { className: "fluig-attachment__filename", children: R ? " Enviando..." : H ? V : b ? "Nenhum arquivo" : f || "Anexar" })
             ] }),
-            L && !b && /* @__PURE__ */ e(
+            H && !b && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "fluig-attachment__btn-remove btn btn-link text-danger",
-                onClick: V,
+                onClick: E,
                 children: /* @__PURE__ */ e("i", { className: "flaticon flaticon-trash icon-sm" })
               }
             )
           ]
         }
       ),
-      o && /* @__PURE__ */ e(ee, { text: o, title: g, width: r })
+      d && /* @__PURE__ */ e(M, { text: d, title: p, width: s })
     ] }),
-    !h && N && /* @__PURE__ */ e("input", { type: "hidden", name: t, value: s.value || "" })
+    !v && N && /* @__PURE__ */ e("input", { type: "hidden", name: t, value: r.value || "" })
   ] });
 }, vt = q(st);
 export {
   vt as Attachment,
   at as Checkbox,
   mt as DatePicker,
-  ee as Help,
-  dt as Input,
+  M as Help,
+  ot as Input,
   Ie as Modal,
   ut as RadioBtn,
-  re as Select,
+  ne as Select,
   pt as SimpleTable,
   ht as StatusBadge,
   ft as TextArea