teraprox-ui-kit 0.1.0 → 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,17 +419,600 @@ 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 useState5 } from "react";
+import {
+  Button as Button5,
+  Card,
+  Col as Col2,
+  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 Fragment4, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var MailSender = ({
+  htmlContent,
+  companyName,
+  onFetchEmails,
+  onSendEmail,
+  hide = false,
+  renderTrigger
+}) => {
+  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 {
+      const data = await onFetchEmails();
+      setEmails(data || []);
+      setOpened(true);
+    } catch (err) {
+      console.error("Erro ao buscar e-mails:", err);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const mailListLinter = () => {
+    const result = [];
+    const seen = /* @__PURE__ */ new Set();
+    if (emails) {
+      for (const item of emails) {
+        if (item.email && !seen.has(item.email)) {
+          seen.add(item.email);
+          result.push({ email: item.email });
+        }
+      }
+    }
+    return result;
+  };
+  const filteredEmails = emails ? mailListLinter().filter(
+    (email) => email.email.toLowerCase().includes(searchFilter.toLowerCase()) && !selectedEmails.some((selected) => (selected.email || selected) === email.email)
+  ) : [];
+  const sendEmail = async () => {
+    const emailString = selectedEmails.map((email) => email.email ? email.email : email).join(", ");
+    const emailData = {
+      to: emailString,
+      subject: `Relat\xF3rio - ${companyName}`,
+      text: `Relat\xF3rio de processo da empresa ${companyName}`,
+      html: htmlContent
+    };
+    setPostLoading(true);
+    try {
+      await onSendEmail(emailData);
+      setSelectedEmails([]);
+      setCustomEmail("");
+      setOpened(false);
+    } catch (err) {
+      console.error("Erro ao enviar e-mail:", err);
+    } finally {
+      setPostLoading(false);
+    }
+  };
+  const validateEmail = (email) => {
+    const re = /\S+@\S+\.\S+/;
+    return re.test(email);
+  };
+  const handleEmailAdd = () => {
+    if (!customEmail.trim()) {
+      setEmailError("Por favor, digite um e-mail");
+      return;
+    }
+    if (!validateEmail(customEmail)) {
+      setEmailError("Formato de e-mail inv\xE1lido");
+      return;
+    }
+    if (selectedEmails.some((email) => (email.email || email) === customEmail)) {
+      setEmailError("Este e-mail j\xE1 foi selecionado");
+      return;
+    }
+    setSelectedEmails([...selectedEmails, customEmail]);
+    setCustomEmail("");
+    setEmailError("");
+    setAddingEmail(false);
+  };
+  const handleEmailRemove = (emailToRemove) => {
+    setSelectedEmails(
+      selectedEmails.filter(
+        (email) => (email.email || email) !== (emailToRemove.email || emailToRemove)
+      )
+    );
+  };
+  if (hide) return null;
+  if (!opened) {
+    if (renderTrigger) {
+      return renderTrigger({ onClick: handleOpen, loading });
+    }
+    return /* @__PURE__ */ jsx8(Button5, { disabled: loading, className: "w-100", onClick: handleOpen, children: loading ? "Carregando..." : "Enviar por E-mail" });
+  }
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      style: {
+        backgroundColor: "#f8f9fa",
+        borderRadius: "12px",
+        overflow: "hidden",
+        border: "1px solid #dee2e6",
+        boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)"
+      },
+      children: [
+        /* @__PURE__ */ jsx8(
+          "div",
+          {
+            style: {
+              background: "linear-gradient(135deg, #28a745 0%, #20c997 100%)",
+              color: "white",
+              padding: "25px"
+            },
+            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__ */ jsxs6("small", { style: { opacity: "0.9", fontSize: "14px" }, children: [
+                  "Selecione os destinat\xE1rios para envio do relat\xF3rio de ",
+                  companyName
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs6("div", { className: "d-flex gap-2", children: [
+                /* @__PURE__ */ jsx8(
+                  Button5,
+                  {
+                    variant: "light",
+                    onClick: sendEmail,
+                    disabled: selectedEmails.length === 0 || postLoading,
+                    style: {
+                      borderRadius: "8px",
+                      fontWeight: "600",
+                      minWidth: "130px",
+                      height: "40px"
+                    },
+                    children: postLoading ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+                      /* @__PURE__ */ jsx8(Spinner, { size: "sm", className: "me-2" }),
+                      "Enviando..."
+                    ] }) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
+                      /* @__PURE__ */ jsx8(FiSend, { className: "me-2", size: 14 }),
+                      "Enviar E-mail"
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx8(
+                  Button5,
+                  {
+                    variant: "outline-light",
+                    onClick: () => setOpened(false),
+                    disabled: postLoading,
+                    style: { borderRadius: "8px", width: "40px", height: "40px" },
+                    children: /* @__PURE__ */ jsx8(FiX, { size: 16 })
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        /* @__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...",
+                      value: searchFilter,
+                      onChange: (e) => setSearchFilter(e.target.value),
+                      style: { border: "1px solid #dee2e6" }
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__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__ */ jsxs6(Fragment4, { children: [
+                    /* @__PURE__ */ jsx8(FiX, { className: "me-1", size: 14 }),
+                    "Cancelar"
+                  ] }) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
+                    /* @__PURE__ */ jsx8(FiPlus, { className: "me-1", size: 14 }),
+                    "E-mail Personalizado"
+                  ] })
+                }
+              ) })
+            ] }),
+            addingEmail && /* @__PURE__ */ jsxs6(
+              "div",
+              {
+                style: {
+                  marginTop: "20px",
+                  padding: "20px",
+                  backgroundColor: "#f8f9ff",
+                  borderRadius: "8px",
+                  border: "1px solid #e3f2fd"
+                },
+                children: [
+                  /* @__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",
+                          value: customEmail,
+                          onChange: (e) => {
+                            setCustomEmail(e.target.value);
+                            if (emailError) setEmailError("");
+                          },
+                          isInvalid: !!emailError,
+                          disabled: postLoading,
+                          style: { borderRadius: "8px" },
+                          onKeyPress: (e) => e.key === "Enter" && handleEmailAdd()
+                        }
+                      ),
+                      /* @__PURE__ */ jsx8(Form3.Control.Feedback, { type: "invalid", children: emailError })
+                    ] }),
+                    /* @__PURE__ */ jsx8(Col2, { md: 4, children: /* @__PURE__ */ jsxs6(
+                      Button5,
+                      {
+                        variant: "success",
+                        onClick: handleEmailAdd,
+                        disabled: postLoading,
+                        style: { borderRadius: "8px", width: "100%" },
+                        children: [
+                          /* @__PURE__ */ jsx8(FiPlus, { className: "me-1", size: 14 }),
+                          "Adicionar"
+                        ]
+                      }
+                    ) })
+                  ] })
+                ]
+              }
+            )
+          ] }) }),
+          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__ */ jsx8("div", { className: "d-flex flex-wrap gap-2", children: selectedEmails.map((email, index) => /* @__PURE__ */ jsxs6(
+              "div",
+              {
+                style: {
+                  background: "linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%)",
+                  border: "1px solid #bbdefb",
+                  borderRadius: "20px",
+                  padding: "8px 15px",
+                  display: "flex",
+                  alignItems: "center",
+                  fontSize: "14px",
+                  fontWeight: "500"
+                },
+                children: [
+                  /* @__PURE__ */ jsx8(FiUser, { size: 12, className: "me-2", color: "#1976d2" }),
+                  /* @__PURE__ */ jsx8("span", { children: email.email || email }),
+                  /* @__PURE__ */ jsx8(
+                    Button5,
+                    {
+                      variant: "link",
+                      size: "sm",
+                      onClick: () => handleEmailRemove(email),
+                      disabled: postLoading,
+                      style: {
+                        padding: "0 0 0 8px",
+                        color: "#dc3545",
+                        textDecoration: "none",
+                        fontSize: "16px"
+                      },
+                      children: /* @__PURE__ */ jsx8(FiX, { size: 14 })
+                    }
+                  )
+                ]
+              },
+              index
+            )) })
+          ] }) }),
+          /* @__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__ */ 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]),
+                style: {
+                  cursor: "pointer",
+                  border: "1px solid #e9ecef",
+                  borderRadius: "10px",
+                  transition: "all 0.2s ease",
+                  backgroundColor: "#fff"
+                },
+                onMouseEnter: (e) => {
+                  e.currentTarget.style.transform = "translateY(-2px)";
+                  e.currentTarget.style.boxShadow = "0 4px 12px rgba(0,0,0,0.1)";
+                  e.currentTarget.style.borderColor = "#007bff";
+                },
+                onMouseLeave: (e) => {
+                  e.currentTarget.style.transform = "translateY(0)";
+                  e.currentTarget.style.boxShadow = "none";
+                  e.currentTarget.style.borderColor = "#e9ecef";
+                },
+                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: {
+                        fontSize: "14px",
+                        fontWeight: "500",
+                        color: "#2c3e50",
+                        wordBreak: "break-word"
+                      },
+                      children: email.email
+                    }
+                  )
+                ] })
+              }
+            ) }, email.email)) })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+};
+
+// 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 useState3 } from "react";
-import { Button as Button3, Form } from "react-bootstrap";
-import { jsx as jsx6, jsxs as jsxs4 } 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] = useState3({});
-  const [errors, setErrors] = useState3({});
+  const [formValues, setFormValues] = useState7({});
+  const [errors, setErrors] = useState7({});
   const handleChange = (key, value) => {
     setFormValues({
       ...formValues,
@@ -260,10 +1041,10 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
     switch (type) {
       case "text":
       case "number":
-        return /* @__PURE__ */ jsxs4(Form.Group, { className: "mb-3", children: [
-          /* @__PURE__ */ jsx6(Form.Label, { children: label }),
-          /* @__PURE__ */ jsx6(
-            Form.Control,
+        return /* @__PURE__ */ jsxs8(Form5.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ jsx10(Form5.Label, { children: label }),
+          /* @__PURE__ */ jsx10(
+            Form5.Control,
             {
               type,
               placeholder,
@@ -272,30 +1053,30 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
               isInvalid: !!errors[key]
             }
           ),
-          /* @__PURE__ */ jsx6(Form.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__ */ jsxs4(Form.Group, { className: "mb-3", children: [
-          /* @__PURE__ */ jsx6(Form.Label, { children: label }),
-          /* @__PURE__ */ jsxs4(
-            Form.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__ */ jsx6("option", { value: "", children: "Selecione..." }),
-                orderedOptions.map((option) => /* @__PURE__ */ jsx6("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__ */ jsx6(Form.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__ */ jsxs4("div", { children: [
+          return /* @__PURE__ */ jsxs8("div", { children: [
             renderCustomSelect({
               label,
               value,
@@ -303,15 +1084,15 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
               onChange: (v) => handleChange(key, v),
               placeholder
             }),
-            errors[key] && /* @__PURE__ */ jsx6("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__ */ jsxs4(Form.Group, { className: "mb-3", children: [
-          /* @__PURE__ */ jsx6(Form.Label, { children: label }),
-          /* @__PURE__ */ jsx6(
-            Form.Control,
+        return /* @__PURE__ */ jsxs8(Form5.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ jsx10(Form5.Label, { children: label }),
+          /* @__PURE__ */ jsx10(
+            Form5.Control,
             {
               type: "date",
               value,
@@ -319,23 +1100,23 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
               isInvalid: !!errors[key]
             }
           ),
-          /* @__PURE__ */ jsx6(Form.Control.Feedback, { type: "invalid", children: errors[key] })
+          /* @__PURE__ */ jsx10(Form5.Control.Feedback, { type: "invalid", children: errors[key] })
         ] }, key);
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ jsxs4(Form, { onSubmit: handleSubmit, children: [
+  return /* @__PURE__ */ jsxs8(Form5, { onSubmit: handleSubmit, children: [
     fields.map((field) => renderField(field)),
-    /* @__PURE__ */ jsx6("div", { className: "d-grid", children: /* @__PURE__ */ jsx6(Button3, { 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 useState4 } from "react";
-import { Form as Form2, InputGroup } from "react-bootstrap";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } 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;
@@ -372,8 +1153,8 @@ var GenericSelect = ({
   isBold,
   ...restProps
 }) => {
-  const [options, setOptions] = useState4(ops || []);
-  useEffect2(() => {
+  const [options, setOptions] = useState8(ops || []);
+  useEffect3(() => {
     const loadFunction = async () => {
       if (loadCondition && loadFunc) {
         loadFunc().then((res) => {
@@ -398,15 +1179,15 @@ var GenericSelect = ({
     }
   };
   const defaultPlaceholder = (restProps == null ? void 0 : restProps.default) || "Seleciona uma Op\xE7\xE3o";
-  const selectContent = /* @__PURE__ */ jsxs5(
-    Form2.Control,
+  const selectContent = /* @__PURE__ */ jsxs9(
+    Form6.Control,
     {
       disabled: locked,
       as: "select",
       value: selection,
       onChange: (event) => getTrueValue(event.target.selectedIndex),
       children: [
-        /* @__PURE__ */ jsxs5("option", { value: void 0, children: [
+        /* @__PURE__ */ jsxs9("option", { value: void 0, children: [
           "-- ",
           defaultPlaceholder,
           " --"
@@ -415,34 +1196,38 @@ var GenericSelect = ({
           const val = valueType && op[valueType] || op.id || op;
           let fill = displayType && op[displayType] || op;
           if (typeof fill == "object") fill = "";
-          return /* @__PURE__ */ jsx7("option", { value: val, children: fill }, op.id || index);
+          return /* @__PURE__ */ jsx11("option", { value: val, children: fill }, op.id || index);
         })
       ]
     }
   );
   if (actionClick) {
-    return /* @__PURE__ */ jsxs5(Fragment3, { children: [
-      /* @__PURE__ */ jsx7(Form2.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
-      /* @__PURE__ */ jsxs5(InputGroup, { 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__ */ jsxs5(Fragment3, { children: [
-    /* @__PURE__ */ jsx7(Form2.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,
   GenericSelectOps,
+  MailSender,
   ResponsiveContainer_default as ResponsiveContainer,
   UuidPill_default as UuidPill
 };