teraprox-ui-kit 0.1.1 → 0.1.2

package/dist/index.mjs

@@ -21,9 +21,207 @@ var DeleteButton = ({ title, onDeleteClick }) => {
 };
 var DeleteButton_default = DeleteButton;
 
-// src/containers/ResponsiveContainer.tsx
-import { Modal, ModalBody } from "react-bootstrap";
+// src/buttons/ActionButtons.tsx
+import { useState as useState2, useRef } from "react";
+import { Button as Button4, Form as Form2, ProgressBar } from "react-bootstrap";
+import { FiSave, FiTrash2, FiRotateCcw, FiCopy, FiChevronLeft } from "react-icons/fi";
+
+// src/forms/DeleteConfirm.tsx
+import { useState } from "react";
+import { Button as Button3, Modal, Form } from "react-bootstrap";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var DeleteConfirm = ({
+  show,
+  onHide,
+  onConfirm,
+  title = "Confirma\xE7\xE3o de Exclus\xE3o",
+  dialogText,
+  payload,
+  needExclusionDetails = false
+}) => {
+  const [exclusionDetails, setExclusionDetails] = useState("");
+  const getDialogContent = () => {
+    if (typeof dialogText === "function" && payload) {
+      return dialogText(payload);
+    }
+    return dialogText || "Voc\xEA tem certeza que deseja excluir este item?";
+  };
+  const isConfirmEnabled = () => {
+    if (!needExclusionDetails) return true;
+    return exclusionDetails.length >= 8;
+  };
+  return /* @__PURE__ */ jsxs(Modal, { show, onHide: () => onHide(false), centered: true, children: [
+    /* @__PURE__ */ jsx3(Modal.Header, { closeButton: true, children: /* @__PURE__ */ jsx3(Modal.Title, { children: title }) }),
+    /* @__PURE__ */ jsx3(Modal.Body, { children: /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-3", children: [
+      /* @__PURE__ */ jsx3("div", { children: /* @__PURE__ */ jsx3("strong", { children: getDialogContent() }) }),
+      needExclusionDetails && /* @__PURE__ */ jsxs(Form.Group, { children: [
+        /* @__PURE__ */ jsx3(Form.Label, { children: "Motivo da Exclus\xE3o (m\xEDn. 8 caracteres)" }),
+        /* @__PURE__ */ jsx3(
+          Form.Control,
+          {
+            as: "textarea",
+            rows: 3,
+            value: exclusionDetails,
+            onChange: (e) => setExclusionDetails(e.target.value),
+            placeholder: "Descreva o motivo...",
+            autoFocus: true
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx3(Button3, { variant: "secondary", onClick: () => onHide(false), children: "Cancelar" }),
+      /* @__PURE__ */ jsx3(
+        Button3,
+        {
+          variant: "danger",
+          disabled: !isConfirmEnabled(),
+          onClick: () => {
+            onConfirm(exclusionDetails);
+            onHide(false);
+          },
+          children: "Confirmar Exclus\xE3o"
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/buttons/ActionButtons.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var ActionButtons = ({
+  onSave,
+  saveLabel = "Salvar",
+  saveVariant = "primary",
+  disabled = false,
+  onDelete,
+  deleteLabel = "Excluir",
+  deleteConfirmMsg,
+  needExclusionDetails = false,
+  onBack,
+  backLabel = "Voltar",
+  onCancelEdit,
+  cancelEditLabel = "Cancelar",
+  onCopy,
+  copyLabel = "Copiar Formul\xE1rio",
+  isEditing = false,
+  useDelayedDelete = false,
+  delayedDeleteTimeout = 3e3,
+  PermissionWrapper = ({ children }) => /* @__PURE__ */ jsx4(Fragment, { children })
+}) => {
+  const [showConfirm, setShowConfirm] = useState2(false);
+  const [isHolding, setIsHolding] = useState2(false);
+  const [progress, setProgress] = useState2(0);
+  const timeoutRef = useRef(null);
+  const intervalRef = useRef(null);
+  const startHold = () => {
+    if (disabled || !onDelete) return;
+    setIsHolding(true);
+    setProgress(0);
+    const step = 2;
+    const tickTime = delayedDeleteTimeout / (100 / step);
+    intervalRef.current = setInterval(() => {
+      setProgress((prev) => prev >= 100 ? 100 : prev + step);
+    }, tickTime);
+    timeoutRef.current = setTimeout(() => {
+      stopHold();
+      onDelete();
+    }, delayedDeleteTimeout);
+  };
+  const stopHold = () => {
+    setIsHolding(false);
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    if (intervalRef.current) clearInterval(intervalRef.current);
+    setProgress(0);
+  };
+  const renderDeleteButton = () => {
+    if (!onDelete || !isEditing) return null;
+    if (useDelayedDelete) {
+      return /* @__PURE__ */ jsxs2("div", { style: { position: "relative", display: "inline-block", margin: 2 }, children: [
+        /* @__PURE__ */ jsxs2(
+          Button4,
+          {
+            variant: "outline-danger",
+            onMouseDown: startHold,
+            onMouseUp: stopHold,
+            onMouseLeave: stopHold,
+            onTouchStart: startHold,
+            onTouchEnd: stopHold,
+            disabled,
+            style: { minWidth: "120px" },
+            children: [
+              /* @__PURE__ */ jsx4(FiTrash2, { className: "me-2" }),
+              isHolding ? "Segure..." : deleteLabel
+            ]
+          }
+        ),
+        isHolding && /* @__PURE__ */ jsx4(
+          ProgressBar,
+          {
+            now: progress,
+            style: {
+              position: "absolute",
+              bottom: 0,
+              left: 0,
+              right: 0,
+              height: "4px",
+              borderRadius: "0 0 4px 4px"
+            },
+            variant: "danger"
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsxs2(
+      Button4,
+      {
+        variant: "danger",
+        onClick: () => setShowConfirm(true),
+        disabled,
+        style: { margin: 2 },
+        children: [
+          /* @__PURE__ */ jsx4(FiTrash2, { className: "me-2" }),
+          deleteLabel
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx4(
+      DeleteConfirm,
+      {
+        show: showConfirm,
+        onHide: setShowConfirm,
+        onConfirm: (details) => onDelete && onDelete(details),
+        dialogText: deleteConfirmMsg,
+        needExclusionDetails
+      }
+    ),
+    /* @__PURE__ */ jsxs2(Form2.Group, { className: "d-flex flex-wrap align-items-center mt-3 gap-1", children: [
+      onBack && /* @__PURE__ */ jsxs2(Button4, { variant: "outline-secondary", onClick: onBack, disabled, style: { margin: 2 }, children: [
+        /* @__PURE__ */ jsx4(FiChevronLeft, { className: "me-2" }),
+        backLabel
+      ] }),
+      isEditing && onCancelEdit && /* @__PURE__ */ jsxs2(Button4, { variant: "warning", onClick: onCancelEdit, disabled, style: { margin: 2 }, children: [
+        /* @__PURE__ */ jsx4(FiRotateCcw, { className: "me-2" }),
+        cancelEditLabel
+      ] }),
+      /* @__PURE__ */ jsx4(PermissionWrapper, { children: renderDeleteButton() }),
+      onSave && /* @__PURE__ */ jsxs2(Button4, { variant: saveVariant, onClick: onSave, disabled, style: { margin: 2 }, children: [
+        /* @__PURE__ */ jsx4(FiSave, { className: "me-2" }),
+        saveLabel
+      ] }),
+      isEditing && onCopy && /* @__PURE__ */ jsxs2(Button4, { variant: "outline-primary", onClick: onCopy, disabled, style: { margin: 2 }, children: [
+        /* @__PURE__ */ jsx4(FiCopy, { className: "me-2" }),
+        copyLabel
+      ] })
+    ] })
+  ] });
+};
+
+// src/containers/ResponsiveContainer.tsx
+import { Modal as Modal2, ModalBody } from "react-bootstrap";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var ResponsiveContainer = ({
   title,
   show,
@@ -36,22 +234,22 @@ var ResponsiveContainer = ({
     setShow(false);
     if (onClose) onClose();
   };
-  return /* @__PURE__ */ jsxs(Modal, { size: "lg", show, onHide: handleClose, scrollable, children: [
-    /* @__PURE__ */ jsx3(Modal.Header, { closeButton: true, onClick: handleClose }),
-    /* @__PURE__ */ jsx3(ModalBody, { children })
+  return /* @__PURE__ */ jsxs3(Modal2, { size: "lg", show, onHide: handleClose, scrollable, children: [
+    /* @__PURE__ */ jsx5(Modal2.Header, { closeButton: true, onClick: handleClose }),
+    /* @__PURE__ */ jsx5(ModalBody, { children })
   ] });
 };
 var ResponsiveContainer_default = ResponsiveContainer;
 
 // src/displays/UuidPill.tsx
-import { useState, useRef } from "react";
+import { useState as useState3, useRef as useRef2 } from "react";
 import { Badge, Overlay, Tooltip } from "react-bootstrap";
-import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var UuidPill = ({ uuid, bg = "light", textColor = "dark", short = 8 }) => {
-  const [copied, setCopied] = useState(false);
-  const ref = useRef(null);
-  const [showTooltip, setShowTooltip] = useState(false);
-  if (!uuid) return /* @__PURE__ */ jsx4("span", { className: "text-muted", children: "\u2014" });
+  const [copied, setCopied] = useState3(false);
+  const ref = useRef2(null);
+  const [showTooltip, setShowTooltip] = useState3(false);
+  if (!uuid) return /* @__PURE__ */ jsx6("span", { className: "text-muted", children: "\u2014" });
   const shortId = String(uuid).substring(0, short);
   const handleCopy = async (e) => {
     e.stopPropagation();
@@ -68,8 +266,8 @@ var UuidPill = ({ uuid, bg = "light", textColor = "dark", short = 8 }) => {
     setCopied(true);
     setTimeout(() => setCopied(false), 1500);
   };
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsxs4(
       Badge,
       {
         ref,
@@ -90,19 +288,19 @@ var UuidPill = ({ uuid, bg = "light", textColor = "dark", short = 8 }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx4(Overlay, { target: ref.current, show: showTooltip, placement: "top", children: (props) => /* @__PURE__ */ jsx4(Tooltip, { ...props, children: copied ? /* @__PURE__ */ jsx4("span", { style: { color: "#6f6" }, children: "Copiado!" }) : /* @__PURE__ */ jsxs2("span", { style: { fontFamily: "monospace", fontSize: "0.75rem" }, children: [
+    /* @__PURE__ */ jsx6(Overlay, { target: ref.current, show: showTooltip, placement: "top", children: (props) => /* @__PURE__ */ jsx6(Tooltip, { ...props, children: copied ? /* @__PURE__ */ jsx6("span", { style: { color: "#6f6" }, children: "Copiado!" }) : /* @__PURE__ */ jsxs4("span", { style: { fontFamily: "monospace", fontSize: "0.75rem" }, children: [
       uuid,
-      /* @__PURE__ */ jsx4("br", {}),
-      /* @__PURE__ */ jsx4("small", { className: "text-muted", children: "Clique para copiar" })
+      /* @__PURE__ */ jsx6("br", {}),
+      /* @__PURE__ */ jsx6("small", { className: "text-muted", children: "Clique para copiar" })
     ] }) }) })
   ] });
 };
 var UuidPill_default = UuidPill;
 
 // src/displays/GenericDisplay.tsx
-import React2, { useState as useState2, useEffect } from "react";
+import React4, { useState as useState4, useEffect } from "react";
 import { Col, Container, Row } from "react-bootstrap";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var ConfigObject = class {
   constructor(dotNotation, style, onClick, onBlur, onHideClick, hidden, mapData, additionalComponents) {
     this.dotNotation = dotNotation;
@@ -152,16 +350,16 @@ var buildData = (obj, propertiesMap, configObjects, opn, innerArray, dispatch, i
   const onClick = getOnClick(innerConfigs);
   const extraComponents = getAdditionalComponentes(innerConfigs);
   if (Array.isArray(obj)) {
-    return /* @__PURE__ */ jsxs3(Container, { onClick, style: { ...styles }, children: [
-      opn && /* @__PURE__ */ jsx5("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx5("strong", { children: opn }) }),
+    return /* @__PURE__ */ jsxs5(Container, { onClick, style: { ...styles }, children: [
+      opn && /* @__PURE__ */ jsx7("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx7("strong", { children: opn }) }),
       obj.map((o, index) => {
         const mapCopy = [...newPropertiesMap, `[${index}]`];
-        return /* @__PURE__ */ jsx5(Row, { style: { padding: 4, ...styles }, children: buildData(o, mapCopy, configObjects, null, true, null, false, editButtonRenderer) }, index);
+        return /* @__PURE__ */ jsx7(Row, { style: { padding: 4, ...styles }, children: buildData(o, mapCopy, configObjects, null, true, null, false, editButtonRenderer) }, index);
       })
     ] });
   }
   if (typeof obj === "object" && obj != null) {
-    return /* @__PURE__ */ jsxs3(
+    return /* @__PURE__ */ jsxs5(
       Container,
       {
         onClick,
@@ -174,17 +372,17 @@ var buildData = (obj, propertiesMap, configObjects, opn, innerArray, dispatch, i
           ...styles
         },
         children: [
-          opn && /* @__PURE__ */ jsx5("strong", { children: opn }),
+          opn && /* @__PURE__ */ jsx7("strong", { children: opn }),
           Object.entries(obj).map(
             ([key, value]) => buildData(value, newPropertiesMap, configObjects, key, false, null, false, editButtonRenderer)
           ),
-          extraComponents.length > 0 ? extraComponents.map((comp, i) => /* @__PURE__ */ jsx5(React2.Fragment, { children: comp() }, i)) : isRoot && editButtonRenderer ? editButtonRenderer(obj, opn) : null
+          extraComponents.length > 0 ? extraComponents.map((comp, i) => /* @__PURE__ */ jsx7(React4.Fragment, { children: comp() }, i)) : isRoot && editButtonRenderer ? editButtonRenderer(obj, opn) : null
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs3(Col, { children: [
-    /* @__PURE__ */ jsxs3("strong", { children: [
+  return /* @__PURE__ */ jsxs5(Col, { children: [
+    /* @__PURE__ */ jsxs5("strong", { children: [
       opn,
       ": "
     ] }),
@@ -200,7 +398,7 @@ var GenericDisplay = ({
   onRefresh,
   editButtonRenderer
 }) => {
-  const [innerOptions, setInnerOptions] = useState2();
+  const [innerOptions, setInnerOptions] = useState4();
   const refreshFunc = () => {
     if (loadFunc) {
       loadFunc().then((res) => {
@@ -221,24 +419,24 @@ var GenericDisplay = ({
       refreshFunc();
     }
   }, [context]);
-  return /* @__PURE__ */ jsx5(Fragment2, { children: innerOptions && innerOptions.map((cObj, index) => /* @__PURE__ */ jsx5(Container, { style: { padding: 4, border: "solid" }, children: buildData(cObj, [], configObjects, rootName || null, false, null, true, editButtonRenderer) }, index)) });
+  return /* @__PURE__ */ jsx7(Fragment3, { children: innerOptions && innerOptions.map((cObj, index) => /* @__PURE__ */ jsx7(Container, { style: { padding: 4, border: "solid" }, children: buildData(cObj, [], configObjects, rootName || null, false, null, true, editButtonRenderer) }, index)) });
 };
 var GenericDisplay_default = GenericDisplay;
 
 // src/forms/MailSender.tsx
-import { useState as useState3 } from "react";
+import { useState as useState5 } from "react";
 import {
-  Button as Button3,
+  Button as Button5,
   Card,
   Col as Col2,
-  Form,
+  Form as Form3,
   Row as Row2,
   Spinner,
   Badge as Badge2,
   InputGroup
 } from "react-bootstrap";
 import { FiMail, FiSearch, FiUser, FiX, FiPlus, FiSend } from "react-icons/fi";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var MailSender = ({
   htmlContent,
   companyName,
@@ -247,15 +445,15 @@ var MailSender = ({
   hide = false,
   renderTrigger
 }) => {
-  const [opened, setOpened] = useState3(false);
-  const [addingEmail, setAddingEmail] = useState3(false);
-  const [selectedEmails, setSelectedEmails] = useState3([]);
-  const [emails, setEmails] = useState3([]);
-  const [loading, setLoading] = useState3(false);
-  const [postLoading, setPostLoading] = useState3(false);
-  const [customEmail, setCustomEmail] = useState3("");
-  const [emailError, setEmailError] = useState3("");
-  const [searchFilter, setSearchFilter] = useState3("");
+  const [opened, setOpened] = useState5(false);
+  const [addingEmail, setAddingEmail] = useState5(false);
+  const [selectedEmails, setSelectedEmails] = useState5([]);
+  const [emails, setEmails] = useState5([]);
+  const [loading, setLoading] = useState5(false);
+  const [postLoading, setPostLoading] = useState5(false);
+  const [customEmail, setCustomEmail] = useState5("");
+  const [emailError, setEmailError] = useState5("");
+  const [searchFilter, setSearchFilter] = useState5("");
   const handleOpen = async () => {
     setLoading(true);
     try {
@@ -338,9 +536,9 @@ var MailSender = ({
     if (renderTrigger) {
       return renderTrigger({ onClick: handleOpen, loading });
     }
-    return /* @__PURE__ */ jsx6(Button3, { disabled: loading, className: "w-100", onClick: handleOpen, children: loading ? "Carregando..." : "Enviar por E-mail" });
+    return /* @__PURE__ */ jsx8(Button5, { disabled: loading, className: "w-100", onClick: handleOpen, children: loading ? "Carregando..." : "Enviar por E-mail" });
   }
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       style: {
@@ -351,7 +549,7 @@ var MailSender = ({
         boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)"
       },
       children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx8(
           "div",
           {
             style: {
@@ -359,20 +557,20 @@ var MailSender = ({
               color: "white",
               padding: "25px"
             },
-            children: /* @__PURE__ */ jsxs4("div", { className: "d-flex justify-content-between align-items-center", children: [
-              /* @__PURE__ */ jsxs4("div", { children: [
-                /* @__PURE__ */ jsxs4("h4", { className: "mb-1", style: { fontWeight: "600", fontSize: "22px" }, children: [
-                  /* @__PURE__ */ jsx6(FiMail, { className: "me-2", size: 20 }),
+            children: /* @__PURE__ */ jsxs6("div", { className: "d-flex justify-content-between align-items-center", children: [
+              /* @__PURE__ */ jsxs6("div", { children: [
+                /* @__PURE__ */ jsxs6("h4", { className: "mb-1", style: { fontWeight: "600", fontSize: "22px" }, children: [
+                  /* @__PURE__ */ jsx8(FiMail, { className: "me-2", size: 20 }),
                   "Enviar Relat\xF3rio por E-mail"
                 ] }),
-                /* @__PURE__ */ jsxs4("small", { style: { opacity: "0.9", fontSize: "14px" }, children: [
+                /* @__PURE__ */ jsxs6("small", { style: { opacity: "0.9", fontSize: "14px" }, children: [
                   "Selecione os destinat\xE1rios para envio do relat\xF3rio de ",
                   companyName
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs4("div", { className: "d-flex gap-2", children: [
-                /* @__PURE__ */ jsx6(
-                  Button3,
+              /* @__PURE__ */ jsxs6("div", { className: "d-flex gap-2", children: [
+                /* @__PURE__ */ jsx8(
+                  Button5,
                   {
                     variant: "light",
                     onClick: sendEmail,
@@ -383,38 +581,38 @@ var MailSender = ({
                       minWidth: "130px",
                       height: "40px"
                     },
-                    children: postLoading ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                      /* @__PURE__ */ jsx6(Spinner, { size: "sm", className: "me-2" }),
+                    children: postLoading ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+                      /* @__PURE__ */ jsx8(Spinner, { size: "sm", className: "me-2" }),
                       "Enviando..."
-                    ] }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                      /* @__PURE__ */ jsx6(FiSend, { className: "me-2", size: 14 }),
+                    ] }) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
+                      /* @__PURE__ */ jsx8(FiSend, { className: "me-2", size: 14 }),
                       "Enviar E-mail"
                     ] })
                   }
                 ),
-                /* @__PURE__ */ jsx6(
-                  Button3,
+                /* @__PURE__ */ jsx8(
+                  Button5,
                   {
                     variant: "outline-light",
                     onClick: () => setOpened(false),
                     disabled: postLoading,
                     style: { borderRadius: "8px", width: "40px", height: "40px" },
-                    children: /* @__PURE__ */ jsx6(FiX, { size: 16 })
+                    children: /* @__PURE__ */ jsx8(FiX, { size: 16 })
                   }
                 )
               ] })
             ] })
           }
         ),
-        /* @__PURE__ */ jsxs4("div", { style: { padding: "25px" }, children: [
-          /* @__PURE__ */ jsx6(Card, { className: "mb-4", style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ jsxs4(Card.Body, { style: { padding: "20px" }, children: [
-            /* @__PURE__ */ jsxs4(Row2, { className: "align-items-center", children: [
-              /* @__PURE__ */ jsxs4(Col2, { md: 6, children: [
-                /* @__PURE__ */ jsx6("h6", { className: "mb-2", style: { color: "#495057", fontWeight: "600" }, children: "\u{1F527} Filtros e A\xE7\xF5es" }),
-                /* @__PURE__ */ jsxs4(InputGroup, { style: { maxWidth: "300px" }, children: [
-                  /* @__PURE__ */ jsx6(InputGroup.Text, { style: { backgroundColor: "#f8f9fa", border: "1px solid #dee2e6" }, children: /* @__PURE__ */ jsx6(FiSearch, { size: 14, color: "#6c757d" }) }),
-                  /* @__PURE__ */ jsx6(
-                    Form.Control,
+        /* @__PURE__ */ jsxs6("div", { style: { padding: "25px" }, children: [
+          /* @__PURE__ */ jsx8(Card, { className: "mb-4", style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ jsxs6(Card.Body, { style: { padding: "20px" }, children: [
+            /* @__PURE__ */ jsxs6(Row2, { className: "align-items-center", children: [
+              /* @__PURE__ */ jsxs6(Col2, { md: 6, children: [
+                /* @__PURE__ */ jsx8("h6", { className: "mb-2", style: { color: "#495057", fontWeight: "600" }, children: "\u{1F527} Filtros e A\xE7\xF5es" }),
+                /* @__PURE__ */ jsxs6(InputGroup, { style: { maxWidth: "300px" }, children: [
+                  /* @__PURE__ */ jsx8(InputGroup.Text, { style: { backgroundColor: "#f8f9fa", border: "1px solid #dee2e6" }, children: /* @__PURE__ */ jsx8(FiSearch, { size: 14, color: "#6c757d" }) }),
+                  /* @__PURE__ */ jsx8(
+                    Form3.Control,
                     {
                       type: "text",
                       placeholder: "Buscar e-mails...",
@@ -425,25 +623,25 @@ var MailSender = ({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsx6(Col2, { md: 6, className: "text-end", children: /* @__PURE__ */ jsx6(
-                Button3,
+              /* @__PURE__ */ jsx8(Col2, { md: 6, className: "text-end", children: /* @__PURE__ */ jsx8(
+                Button5,
                 {
                   variant: addingEmail ? "outline-secondary" : "outline-primary",
                   size: "sm",
                   onClick: () => setAddingEmail(!addingEmail),
                   disabled: postLoading,
                   style: { borderRadius: "8px" },
-                  children: addingEmail ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                    /* @__PURE__ */ jsx6(FiX, { className: "me-1", size: 14 }),
+                  children: addingEmail ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+                    /* @__PURE__ */ jsx8(FiX, { className: "me-1", size: 14 }),
                     "Cancelar"
-                  ] }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                    /* @__PURE__ */ jsx6(FiPlus, { className: "me-1", size: 14 }),
+                  ] }) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
+                    /* @__PURE__ */ jsx8(FiPlus, { className: "me-1", size: 14 }),
                     "E-mail Personalizado"
                   ] })
                 }
               ) })
             ] }),
-            addingEmail && /* @__PURE__ */ jsxs4(
+            addingEmail && /* @__PURE__ */ jsxs6(
               "div",
               {
                 style: {
@@ -454,12 +652,12 @@ var MailSender = ({
                   border: "1px solid #e3f2fd"
                 },
                 children: [
-                  /* @__PURE__ */ jsx6("h6", { className: "mb-3", style: { color: "#1976d2", fontWeight: "600" }, children: "\u2709\uFE0F Adicionar E-mail Personalizado" }),
-                  /* @__PURE__ */ jsxs4(Row2, { className: "align-items-end", children: [
-                    /* @__PURE__ */ jsxs4(Col2, { md: 8, children: [
-                      /* @__PURE__ */ jsx6(Form.Label, { style: { fontSize: "13px", color: "#6c757d", fontWeight: "500" }, children: "Endere\xE7o de E-mail" }),
-                      /* @__PURE__ */ jsx6(
-                        Form.Control,
+                  /* @__PURE__ */ jsx8("h6", { className: "mb-3", style: { color: "#1976d2", fontWeight: "600" }, children: "\u2709\uFE0F Adicionar E-mail Personalizado" }),
+                  /* @__PURE__ */ jsxs6(Row2, { className: "align-items-end", children: [
+                    /* @__PURE__ */ jsxs6(Col2, { md: 8, children: [
+                      /* @__PURE__ */ jsx8(Form3.Label, { style: { fontSize: "13px", color: "#6c757d", fontWeight: "500" }, children: "Endere\xE7o de E-mail" }),
+                      /* @__PURE__ */ jsx8(
+                        Form3.Control,
                         {
                           type: "email",
                           placeholder: "exemplo@empresa.com",
@@ -474,17 +672,17 @@ var MailSender = ({
                           onKeyPress: (e) => e.key === "Enter" && handleEmailAdd()
                         }
                       ),
-                      /* @__PURE__ */ jsx6(Form.Control.Feedback, { type: "invalid", children: emailError })
+                      /* @__PURE__ */ jsx8(Form3.Control.Feedback, { type: "invalid", children: emailError })
                     ] }),
-                    /* @__PURE__ */ jsx6(Col2, { md: 4, children: /* @__PURE__ */ jsxs4(
-                      Button3,
+                    /* @__PURE__ */ jsx8(Col2, { md: 4, children: /* @__PURE__ */ jsxs6(
+                      Button5,
                       {
                         variant: "success",
                         onClick: handleEmailAdd,
                         disabled: postLoading,
                         style: { borderRadius: "8px", width: "100%" },
                         children: [
-                          /* @__PURE__ */ jsx6(FiPlus, { className: "me-1", size: 14 }),
+                          /* @__PURE__ */ jsx8(FiPlus, { className: "me-1", size: 14 }),
                           "Adicionar"
                         ]
                       }
@@ -494,16 +692,16 @@ var MailSender = ({
               }
             )
           ] }) }),
-          selectedEmails.length > 0 && /* @__PURE__ */ jsx6(Card, { className: "mb-4", style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ jsxs4(Card.Body, { style: { padding: "20px" }, children: [
-            /* @__PURE__ */ jsxs4("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [
-              /* @__PURE__ */ jsx6("h6", { className: "mb-0", style: { color: "#495057", fontWeight: "600" }, children: "\u{1F4CB} Destinat\xE1rios Selecionados" }),
-              /* @__PURE__ */ jsxs4(Badge2, { bg: "primary", style: { fontSize: "12px", padding: "6px 12px" }, children: [
+          selectedEmails.length > 0 && /* @__PURE__ */ jsx8(Card, { className: "mb-4", style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ jsxs6(Card.Body, { style: { padding: "20px" }, children: [
+            /* @__PURE__ */ jsxs6("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [
+              /* @__PURE__ */ jsx8("h6", { className: "mb-0", style: { color: "#495057", fontWeight: "600" }, children: "\u{1F4CB} Destinat\xE1rios Selecionados" }),
+              /* @__PURE__ */ jsxs6(Badge2, { bg: "primary", style: { fontSize: "12px", padding: "6px 12px" }, children: [
                 selectedEmails.length,
                 " selecionado",
                 selectedEmails.length > 1 ? "s" : ""
               ] })
             ] }),
-            /* @__PURE__ */ jsx6("div", { className: "d-flex flex-wrap gap-2", children: selectedEmails.map((email, index) => /* @__PURE__ */ jsxs4(
+            /* @__PURE__ */ jsx8("div", { className: "d-flex flex-wrap gap-2", children: selectedEmails.map((email, index) => /* @__PURE__ */ jsxs6(
               "div",
               {
                 style: {
@@ -517,10 +715,10 @@ var MailSender = ({
                   fontWeight: "500"
                 },
                 children: [
-                  /* @__PURE__ */ jsx6(FiUser, { size: 12, className: "me-2", color: "#1976d2" }),
-                  /* @__PURE__ */ jsx6("span", { children: email.email || email }),
-                  /* @__PURE__ */ jsx6(
-                    Button3,
+                  /* @__PURE__ */ jsx8(FiUser, { size: 12, className: "me-2", color: "#1976d2" }),
+                  /* @__PURE__ */ jsx8("span", { children: email.email || email }),
+                  /* @__PURE__ */ jsx8(
+                    Button5,
                     {
                       variant: "link",
                       size: "sm",
@@ -532,7 +730,7 @@ var MailSender = ({
                         textDecoration: "none",
                         fontSize: "16px"
                       },
-                      children: /* @__PURE__ */ jsx6(FiX, { size: 14 })
+                      children: /* @__PURE__ */ jsx8(FiX, { size: 14 })
                     }
                   )
                 ]
@@ -540,16 +738,16 @@ var MailSender = ({
               index
             )) })
           ] }) }),
-          /* @__PURE__ */ jsx6(Card, { style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ jsxs4(Card.Body, { style: { padding: "20px" }, children: [
-            /* @__PURE__ */ jsxs4("h6", { className: "mb-3", style: { color: "#495057", fontWeight: "600" }, children: [
-              /* @__PURE__ */ jsx6(FiUser, { className: "me-2", size: 16 }),
+          /* @__PURE__ */ jsx8(Card, { style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ jsxs6(Card.Body, { style: { padding: "20px" }, children: [
+            /* @__PURE__ */ jsxs6("h6", { className: "mb-3", style: { color: "#495057", fontWeight: "600" }, children: [
+              /* @__PURE__ */ jsx8(FiUser, { className: "me-2", size: 16 }),
               "E-mails de ",
               companyName
             ] }),
-            loading ? /* @__PURE__ */ jsxs4("div", { className: "text-center py-4", children: [
-              /* @__PURE__ */ jsx6(Spinner, {}),
-              /* @__PURE__ */ jsx6("p", { className: "mt-2 text-muted", children: "Carregando e-mails..." })
-            ] }) : filteredEmails.length === 0 ? /* @__PURE__ */ jsx6("div", { className: "text-center py-4", children: /* @__PURE__ */ jsx6("p", { className: "text-muted mb-0", children: searchFilter ? "Nenhum e-mail encontrado com esse filtro" : "Nenhum e-mail dispon\xEDvel" }) }) : /* @__PURE__ */ jsx6(Row2, { children: filteredEmails.map((email) => /* @__PURE__ */ jsx6(Col2, { xs: 12, sm: 6, lg: 4, className: "mb-3", children: /* @__PURE__ */ jsx6(
+            loading ? /* @__PURE__ */ jsxs6("div", { className: "text-center py-4", children: [
+              /* @__PURE__ */ jsx8(Spinner, {}),
+              /* @__PURE__ */ jsx8("p", { className: "mt-2 text-muted", children: "Carregando e-mails..." })
+            ] }) : filteredEmails.length === 0 ? /* @__PURE__ */ jsx8("div", { className: "text-center py-4", children: /* @__PURE__ */ jsx8("p", { className: "text-muted mb-0", children: searchFilter ? "Nenhum e-mail encontrado com esse filtro" : "Nenhum e-mail dispon\xEDvel" }) }) : /* @__PURE__ */ jsx8(Row2, { children: filteredEmails.map((email) => /* @__PURE__ */ jsx8(Col2, { xs: 12, sm: 6, lg: 4, className: "mb-3", children: /* @__PURE__ */ jsx8(
               Card,
               {
                 onClick: () => setSelectedEmails([...selectedEmails, email]),
@@ -570,9 +768,9 @@ var MailSender = ({
                   e.currentTarget.style.boxShadow = "none";
                   e.currentTarget.style.borderColor = "#e9ecef";
                 },
-                children: /* @__PURE__ */ jsxs4(Card.Body, { style: { padding: "15px", textAlign: "center" }, children: [
-                  /* @__PURE__ */ jsx6(FiMail, { size: 20, color: "#007bff", className: "mb-2" }),
-                  /* @__PURE__ */ jsx6(
+                children: /* @__PURE__ */ jsxs6(Card.Body, { style: { padding: "15px", textAlign: "center" }, children: [
+                  /* @__PURE__ */ jsx8(FiMail, { size: 20, color: "#007bff", className: "mb-2" }),
+                  /* @__PURE__ */ jsx8(
                     "div",
                     {
                       style: {
@@ -594,13 +792,227 @@ var MailSender = ({
   );
 };
 
+// src/forms/AutoComplete.tsx
+import { useEffect as useEffect2, useMemo, useState as useState6 } from "react";
+import { FloatingLabel, Form as Form4, InputGroup as InputGroup2, ListGroup, Spinner as Spinner2 } from "react-bootstrap";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var AutoComplete = ({
+  className,
+  ops = [],
+  sortKey,
+  displayKey,
+  displayKeys,
+  onValueChanged,
+  onSelectedClick,
+  value,
+  actionButton,
+  actionButton2,
+  placeH,
+  title,
+  filter,
+  filterField,
+  loadFunc,
+  loadCondition,
+  onBlurEvent,
+  formatationFunc,
+  onEscKeyDown,
+  onEnterKeyDown,
+  margT,
+  margB,
+  hideComponent,
+  disableComponent = false,
+  disableSelect = false,
+  autoFocusConfig,
+  onLoad,
+  cacheKey,
+  minChars = 0,
+  maxItems,
+  showListOnFocus = true,
+  lazyLoad = false
+}) => {
+  const [liItem, setListItem] = useState6([]);
+  const [options, setOptions] = useState6([]);
+  const [input, setInput] = useState6("");
+  const [hide, setHide] = useState6(true);
+  const [onLoaded, setOnLoaded] = useState6(false);
+  const [loading, setLoading] = useState6(false);
+  const cacheStore = useMemo(() => {
+    const win = window;
+    if (!win.__AUTO_COMPLETE_CACHE__) {
+      win.__AUTO_COMPLETE_CACHE__ = /* @__PURE__ */ new Map();
+    }
+    return win.__AUTO_COMPLETE_CACHE__;
+  }, []);
+  const sortOptions = (data, key) => {
+    if (!key || !Array.isArray(data)) return data;
+    return [...data].sort((a, b) => String(a[key]).localeCompare(String(b[key])));
+  };
+  useEffect2(() => {
+    setInput(value || "");
+  }, [value]);
+  useEffect2(() => {
+    const sortedOptions = sortOptions(ops, sortKey);
+    setListItem(sortedOptions);
+    setOptions(sortedOptions);
+  }, [ops, sortKey]);
+  useEffect2(() => {
+    const loadData = async () => {
+      if (!(loadCondition && loadFunc)) return;
+      if (lazyLoad && minChars > 0 && !showListOnFocus && (!value || String(value).length < minChars)) {
+        return;
+      }
+      const key = cacheKey ? `${cacheKey}${filter ? `:${filterField}:${filter}` : ""}` : null;
+      if (key && cacheStore.has(key)) {
+        const cacheEntry = cacheStore.get(key);
+        const data = cacheEntry.promise ? await cacheEntry.promise : cacheEntry.data || cacheEntry;
+        setListItem(data);
+        setOptions(data);
+        triggerOnLoad(data);
+        return;
+      }
+      setLoading(true);
+      try {
+        const requestPromise = loadFunc().then((res) => {
+          let newOps = (res == null ? void 0 : res.content) || res;
+          newOps = Array.isArray(newOps) ? newOps.filter((op) => op != null) : [];
+          if (filter && filterField) {
+            newOps = newOps.filter((op) => op[filterField] === filter);
+          }
+          return sortOptions(newOps, sortKey);
+        });
+        if (key) cacheStore.set(key, { promise: requestPromise });
+        const sortedOptions = await requestPromise;
+        setListItem(sortedOptions);
+        setOptions(sortedOptions);
+        if (key) cacheStore.set(key, { data: sortedOptions });
+        triggerOnLoad(sortedOptions);
+      } catch (error) {
+        if (key) cacheStore.delete(key);
+        setListItem([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+    loadData();
+  }, [loadCondition, filter, filterField, sortKey, cacheKey, lazyLoad, minChars, showListOnFocus]);
+  const triggerOnLoad = (data) => {
+    if (onLoad && !onLoaded) {
+      setOnLoaded(true);
+      onLoad(data);
+    }
+  };
+  const keysJoinner = (li) => {
+    if (!displayKeys || !Array.isArray(displayKeys)) return "";
+    return displayKeys.map((key) => `${li[key]} `).join("").trim();
+  };
+  const getDisplayText = (item) => {
+    if (formatationFunc) return formatationFunc(item);
+    if (displayKey) return item[displayKey];
+    if (displayKeys) return keysJoinner(item);
+    return String(item);
+  };
+  const onFieldUpdate = (val) => {
+    const search = val.toLowerCase();
+    const canSearch = search.length >= minChars;
+    if (canSearch && Array.isArray(options)) {
+      const filtered = options.filter((item) => {
+        const text = getDisplayText(item);
+        return String(text).toLowerCase().includes(search);
+      });
+      setListItem(filtered);
+    } else {
+      setListItem(options || []);
+    }
+    onValueChanged == null ? void 0 : onValueChanged(val);
+    setInput(val);
+    setHide(!canSearch && options.length === 0);
+  };
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      className,
+      style: { marginTop: margT != null ? margT : 4, marginBottom: margB != null ? margB : 4, position: "relative" },
+      onBlur: (e) => {
+        setTimeout(() => {
+          onBlurEvent == null ? void 0 : onBlurEvent(e, input);
+          setHide(true);
+        }, 200);
+      },
+      onKeyDown: (e) => {
+        if (e.key === "Escape") {
+          setHide(true);
+          onEscKeyDown == null ? void 0 : onEscKeyDown();
+        }
+        if (e.key === "Enter" && onEnterKeyDown) {
+          onEnterKeyDown(input);
+        }
+      },
+      onMouseLeave: () => setHide(true),
+      children: [
+        !hideComponent && /* @__PURE__ */ jsxs7(InputGroup2, { children: [
+          /* @__PURE__ */ jsx9(FloatingLabel, { controlId: "floatingInput", label: title, style: { zIndex: 0, flex: 1 }, children: /* @__PURE__ */ jsx9(
+            Form4.Control,
+            {
+              autoFocus: autoFocusConfig,
+              disabled: disableComponent || disableSelect,
+              placeholder: placeH,
+              autoComplete: "off",
+              value: input,
+              onClickCapture: () => {
+                const canOpen = showListOnFocus && input.length >= minChars;
+                setHide(!canOpen);
+              },
+              onChange: (e) => onFieldUpdate(e.currentTarget.value),
+              type: "text"
+            }
+          ) }),
+          loading && /* @__PURE__ */ jsx9(InputGroup2.Text, { children: /* @__PURE__ */ jsx9(Spinner2, { animation: "border", size: "sm" }) }),
+          !disableComponent && (actionButton == null ? void 0 : actionButton(() => setInput(""))),
+          !disableComponent && (actionButton2 == null ? void 0 : actionButton2(input))
+        ] }),
+        /* @__PURE__ */ jsx9(
+          ListGroup,
+          {
+            className: "listgroup-autocomplete shadow-sm",
+            hidden: hide || liItem.length === 0,
+            style: {
+              position: "absolute",
+              top: "100%",
+              left: 0,
+              width: "100%",
+              maxHeight: "250px",
+              overflowY: "auto",
+              zIndex: 1050,
+              backgroundColor: "#fff"
+            },
+            children: (maxItems ? liItem.slice(0, maxItems) : liItem).map((li, index) => /* @__PURE__ */ jsx9(
+              ListGroup.Item,
+              {
+                action: true,
+                onClick: () => {
+                  const text = getDisplayText(li);
+                  setInput(text);
+                  onSelectedClick(li, index, liItem);
+                  setHide(true);
+                },
+                children: getDisplayText(li)
+              },
+              index
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+
 // src/forms/GenericForm.tsx
-import { useState as useState4 } from "react";
-import { Button as Button4, Form as Form2 } from "react-bootstrap";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useState as useState7 } from "react";
+import { Button as Button6, Form as Form5 } from "react-bootstrap";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
-  const [formValues, setFormValues] = useState4({});
-  const [errors, setErrors] = useState4({});
+  const [formValues, setFormValues] = useState7({});
+  const [errors, setErrors] = useState7({});
   const handleChange = (key, value) => {
     setFormValues({
       ...formValues,
@@ -629,10 +1041,10 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
     switch (type) {
       case "text":
       case "number":
-        return /* @__PURE__ */ jsxs5(Form2.Group, { className: "mb-3", children: [
-          /* @__PURE__ */ jsx7(Form2.Label, { children: label }),
-          /* @__PURE__ */ jsx7(
-            Form2.Control,
+        return /* @__PURE__ */ jsxs8(Form5.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ jsx10(Form5.Label, { children: label }),
+          /* @__PURE__ */ jsx10(
+            Form5.Control,
             {
               type,
               placeholder,
@@ -641,30 +1053,30 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
               isInvalid: !!errors[key]
             }
           ),
-          /* @__PURE__ */ jsx7(Form2.Control.Feedback, { type: "invalid", children: errors[key] })
+          /* @__PURE__ */ jsx10(Form5.Control.Feedback, { type: "invalid", children: errors[key] })
         ] }, key);
       case "select": {
         const orderedOptions = (options || []).filter((opt) => opt && opt.value !== void 0 && opt.label !== void 0).sort((a, b) => a.label.localeCompare(b.label));
-        return /* @__PURE__ */ jsxs5(Form2.Group, { className: "mb-3", children: [
-          /* @__PURE__ */ jsx7(Form2.Label, { children: label }),
-          /* @__PURE__ */ jsxs5(
-            Form2.Select,
+        return /* @__PURE__ */ jsxs8(Form5.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ jsx10(Form5.Label, { children: label }),
+          /* @__PURE__ */ jsxs8(
+            Form5.Select,
             {
               value,
               onChange: (e) => handleChange(key, e.target.value),
               isInvalid: !!errors[key],
               children: [
-                /* @__PURE__ */ jsx7("option", { value: "", children: "Selecione..." }),
-                orderedOptions.map((option) => /* @__PURE__ */ jsx7("option", { value: option.value, children: option.label }, String(option.value)))
+                /* @__PURE__ */ jsx10("option", { value: "", children: "Selecione..." }),
+                orderedOptions.map((option) => /* @__PURE__ */ jsx10("option", { value: option.value, children: option.label }, String(option.value)))
               ]
             }
           ),
-          /* @__PURE__ */ jsx7(Form2.Control.Feedback, { type: "invalid", children: errors[key] })
+          /* @__PURE__ */ jsx10(Form5.Control.Feedback, { type: "invalid", children: errors[key] })
         ] }, key);
       }
       case "custom-select":
         if (renderCustomSelect) {
-          return /* @__PURE__ */ jsxs5("div", { children: [
+          return /* @__PURE__ */ jsxs8("div", { children: [
             renderCustomSelect({
               label,
               value,
@@ -672,15 +1084,15 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
               onChange: (v) => handleChange(key, v),
               placeholder
             }),
-            errors[key] && /* @__PURE__ */ jsx7("div", { className: "invalid-feedback d-block", children: errors[key] })
+            errors[key] && /* @__PURE__ */ jsx10("div", { className: "invalid-feedback d-block", children: errors[key] })
           ] }, key);
         }
         return null;
       case "date":
-        return /* @__PURE__ */ jsxs5(Form2.Group, { className: "mb-3", children: [
-          /* @__PURE__ */ jsx7(Form2.Label, { children: label }),
-          /* @__PURE__ */ jsx7(
-            Form2.Control,
+        return /* @__PURE__ */ jsxs8(Form5.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ jsx10(Form5.Label, { children: label }),
+          /* @__PURE__ */ jsx10(
+            Form5.Control,
             {
               type: "date",
               value,
@@ -688,23 +1100,23 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
               isInvalid: !!errors[key]
             }
           ),
-          /* @__PURE__ */ jsx7(Form2.Control.Feedback, { type: "invalid", children: errors[key] })
+          /* @__PURE__ */ jsx10(Form5.Control.Feedback, { type: "invalid", children: errors[key] })
         ] }, key);
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ jsxs5(Form2, { onSubmit: handleSubmit, children: [
+  return /* @__PURE__ */ jsxs8(Form5, { onSubmit: handleSubmit, children: [
     fields.map((field) => renderField(field)),
-    /* @__PURE__ */ jsx7("div", { className: "d-grid", children: /* @__PURE__ */ jsx7(Button4, { variant: "primary", type: "submit", children: "Salvar" }) })
+    /* @__PURE__ */ jsx10("div", { className: "d-grid", children: /* @__PURE__ */ jsx10(Button6, { variant: "primary", type: "submit", children: "Salvar" }) })
   ] });
 };
 var GenericForm_default = GenericForm;
 
 // src/forms/GenericSelect.tsx
-import { useEffect as useEffect2, useState as useState5 } from "react";
-import { Form as Form3, InputGroup as InputGroup2 } from "react-bootstrap";
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useEffect as useEffect3, useState as useState8 } from "react";
+import { Form as Form6, InputGroup as InputGroup3 } from "react-bootstrap";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var GenericSelectOps = class {
   constructor(noLabel, title, onChange, ops, selection, returnType, displayType, filter, filterField, valueType, loadFunc, loadCondition, actionClick, locked) {
     this.noLabel = noLabel;
@@ -741,8 +1153,8 @@ var GenericSelect = ({
   isBold,
   ...restProps
 }) => {
-  const [options, setOptions] = useState5(ops || []);
-  useEffect2(() => {
+  const [options, setOptions] = useState8(ops || []);
+  useEffect3(() => {
     const loadFunction = async () => {
       if (loadCondition && loadFunc) {
         loadFunc().then((res) => {
@@ -767,15 +1179,15 @@ var GenericSelect = ({
     }
   };
   const defaultPlaceholder = (restProps == null ? void 0 : restProps.default) || "Seleciona uma Op\xE7\xE3o";
-  const selectContent = /* @__PURE__ */ jsxs6(
-    Form3.Control,
+  const selectContent = /* @__PURE__ */ jsxs9(
+    Form6.Control,
     {
       disabled: locked,
       as: "select",
       value: selection,
       onChange: (event) => getTrueValue(event.target.selectedIndex),
       children: [
-        /* @__PURE__ */ jsxs6("option", { value: void 0, children: [
+        /* @__PURE__ */ jsxs9("option", { value: void 0, children: [
           "-- ",
           defaultPlaceholder,
           " --"
@@ -784,30 +1196,33 @@ var GenericSelect = ({
           const val = valueType && op[valueType] || op.id || op;
           let fill = displayType && op[displayType] || op;
           if (typeof fill == "object") fill = "";
-          return /* @__PURE__ */ jsx8("option", { value: val, children: fill }, op.id || index);
+          return /* @__PURE__ */ jsx11("option", { value: val, children: fill }, op.id || index);
         })
       ]
     }
   );
   if (actionClick) {
-    return /* @__PURE__ */ jsxs6(Fragment4, { children: [
-      /* @__PURE__ */ jsx8(Form3.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
-      /* @__PURE__ */ jsxs6(InputGroup2, { children: [
+    return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+      /* @__PURE__ */ jsx11(Form6.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
+      /* @__PURE__ */ jsxs9(InputGroup3, { children: [
         selectContent,
         actionClick()
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
-    /* @__PURE__ */ jsx8(Form3.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
+  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+    /* @__PURE__ */ jsx11(Form6.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
     selectContent
   ] });
 };
 var GenericSelect_default = GenericSelect;
 export {
+  ActionButtons,
   AddButton_default as AddButton,
+  AutoComplete,
   ConfigObject,
   DeleteButton_default as DeleteButton,
+  DeleteConfirm,
   GenericDisplay_default as GenericDisplay,
   GenericForm_default as GenericForm,
   GenericSelect_default as GenericSelect,