teraprox-ui-kit 0.1.1 → 0.1.5

package/dist/index.mjs

@@ -21,9 +21,528 @@ 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/buttons/ApproveAndReproveButtons.tsx
+import { useEffect } from "react";
+import { Button as Button5 } from "react-bootstrap";
+import { GrCheckmark, GrClose } from "react-icons/gr";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var ApproveAndReproveButtons = ({
+  buttonSize = 25,
+  approveCallback,
+  reproveCallback,
+  cancelCallback,
+  headerText = "Aprovar?",
+  approveText,
+  repproveText
+}) => {
+  useEffect(() => {
+    const keyboardHandler = (e) => {
+      if (e.key === "Escape") {
+        cancelCallback();
+      }
+    };
+    window.document.addEventListener("keydown", keyboardHandler);
+    return () => window.document.removeEventListener("keydown", keyboardHandler);
+  }, [cancelCallback]);
+  return /* @__PURE__ */ jsxs3("div", { children: [
+    /* @__PURE__ */ jsx5("strong", { children: headerText }),
+    /* @__PURE__ */ jsx5("br", {}),
+    /* @__PURE__ */ jsx5(Button5, { onClick: approveCallback, variant: "success", className: "me-1", children: approveText ? approveText : /* @__PURE__ */ jsx5(GrCheckmark, { size: buttonSize }) }),
+    /* @__PURE__ */ jsx5(Button5, { onClick: reproveCallback, variant: "danger", children: repproveText ? repproveText : /* @__PURE__ */ jsx5(GrClose, { size: buttonSize }) })
+  ] });
+};
+
+// src/buttons/AsyncButton.tsx
+import { useState as useState3, useRef as useRef2 } from "react";
+import { Button as Button6 } from "react-bootstrap";
+
+// src/progress/LoadingProgress.tsx
+import { Spinner } from "react-bootstrap";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var LoadingProgress = ({ hidden }) => {
+  return /* @__PURE__ */ jsx6(Spinner, { hidden, animation: "border", role: "status", children: /* @__PURE__ */ jsx6("span", { className: "visually-hidden", children: "Carregando..." }) });
+};
+
+// src/buttons/AsyncButton.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var useAsyncAction = () => {
+  const [loading, setLoading] = useState3(false);
+  const isMounted = useRef2(true);
+  const isProcessing = useRef2(false);
+  const execute = async (action) => {
+    if (typeof action !== "function") {
+      throw new Error("A\xE7\xE3o inv\xE1lida: n\xE3o \xE9 uma fun\xE7\xE3o");
+    }
+    if (!action || isProcessing.current) return;
+    isProcessing.current = true;
+    setLoading(true);
+    try {
+      await action();
+    } catch (error) {
+      console.error("Async operation failed:", error);
+    } finally {
+      if (isMounted.current) {
+        setLoading(false);
+        isProcessing.current = false;
+      }
+    }
+  };
+  return { loading, execute };
+};
+var AsyncButton = ({
+  onClick,
+  children,
+  loadingComponent = /* @__PURE__ */ jsx7(LoadingProgress, {}),
+  buttonProps
+}) => {
+  const { loading, execute } = useAsyncAction();
+  return /* @__PURE__ */ jsx7(
+    Button6,
+    {
+      ...buttonProps,
+      onClick: () => execute(onClick),
+      disabled: loading || buttonProps && buttonProps.disabled,
+      children: loading ? loadingComponent : children
+    }
+  );
+};
+
+// src/buttons/Generic3DotMenu.tsx
+import { useState as useState4 } from "react";
+import { Button as Button7, Modal as Modal2 } from "react-bootstrap";
+import { CiMenuKebab } from "react-icons/ci";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var MenuEvent = class {
+  /**
+   * @param label - O texto que aparecerá no botão.
+   * @param callback - A função a ser chamada quando o botão for clicado.
+   * @param variant - A variante do botão (padrão: 'primary').
+   * @param renderCondition - Condição para renderizar o botão.
+   * @param section - A seção para organizar os botões (padrão: 'default').
+   */
+  constructor(label, callback, variant = "primary", renderCondition = true, section = "default") {
+    this.label = label;
+    this.callback = callback;
+    this.variant = variant;
+    this.renderCondition = renderCondition;
+    this.section = section;
+  }
+};
+var Generic3DotMenu = ({
+  events,
+  tittle = "Op\xE7\xF5es de Controle"
+}) => {
+  const [show, setShow] = useState4(false);
+  const handleClose = () => setShow(false);
+  const handleShow = () => setShow(true);
+  const shouldRender = (event) => {
+    return typeof event.renderCondition === "function" ? event.renderCondition() : event.renderCondition;
+  };
+  const groupedEvents = events.reduce((sections, event) => {
+    const section = event.section || "default";
+    if (!sections[section]) {
+      sections[section] = [];
+    }
+    if (shouldRender(event)) {
+      sections[section].push(event);
+    }
+    return sections;
+  }, {});
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx8(CiMenuKebab, { onClick: handleShow, style: { cursor: "pointer" }, size: 25, title: tittle }),
+    /* @__PURE__ */ jsxs4(Modal2, { show, onHide: handleClose, centered: true, children: [
+      /* @__PURE__ */ jsx8(Modal2.Header, { closeButton: true, children: /* @__PURE__ */ jsx8(Modal2.Title, { children: tittle }) }),
+      /* @__PURE__ */ jsxs4(Modal2.Body, { children: [
+        Object.keys(groupedEvents).length === 0 && /* @__PURE__ */ jsx8("div", { className: "text-center text-muted", children: "Nenhuma op\xE7\xE3o dispon\xEDvel." }),
+        Object.keys(groupedEvents).map((section, sectionIndex) => /* @__PURE__ */ jsxs4("div", { className: "mb-4", children: [
+          /* @__PURE__ */ jsx8("h6", { className: "border-bottom pb-2 mb-3", children: section !== "default" ? section : "Op\xE7\xF5es Principais" }),
+          /* @__PURE__ */ jsx8("div", { className: "d-grid gap-2", children: groupedEvents[section].map((event, index) => /* @__PURE__ */ jsx8(
+            Button7,
+            {
+              variant: event.variant || "primary",
+              onClick: () => {
+                event.callback();
+                handleClose();
+              },
+              children: event.label
+            },
+            index
+          )) })
+        ] }, sectionIndex))
+      ] }),
+      /* @__PURE__ */ jsx8(Modal2.Footer, { children: /* @__PURE__ */ jsx8(Button7, { variant: "secondary", onClick: handleClose, children: "Fechar" }) })
+    ] })
+  ] });
+};
+
+// src/buttons/LoadingButton.tsx
+import { Button as Button8, Spinner as Spinner2 } from "react-bootstrap";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var LoadingButton = ({
+  onClick,
+  loading = false,
+  label = "Enviar",
+  variant = "primary",
+  size = "md",
+  disabled = false,
+  icon = null,
+  className = "",
+  loadingLabel = "Carregando...",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx9(
+    Button8,
+    {
+      variant,
+      size,
+      disabled: disabled || loading,
+      onClick,
+      className: `loading-button ${className}`,
+      style: { cursor: loading ? "not-allowed" : "pointer" },
+      ...props,
+      children: loading ? /* @__PURE__ */ jsxs5("div", { className: "align-items-center", children: [
+        /* @__PURE__ */ jsx9(
+          Spinner2,
+          {
+            as: "span",
+            animation: "border",
+            size: "sm",
+            role: "status",
+            "aria-hidden": "true",
+            className: "me-2"
+          }
+        ),
+        /* @__PURE__ */ jsx9("span", { children: loadingLabel })
+      ] }) : /* @__PURE__ */ jsxs5("div", { className: "align-items-center", children: [
+        icon && /* @__PURE__ */ jsx9("span", { className: "me-2 d-flex", children: icon }),
+        /* @__PURE__ */ jsx9("span", { children: label })
+      ] })
+    }
+  );
+};
+
+// src/buttons/NavigateButton.tsx
+import { Button as Button9 } from "react-bootstrap";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var NavigateButton = ({
+  displayName,
+  path,
+  config,
+  pageName,
+  navigator: navigator2,
+  onBeforeNavigate,
+  variant = "outline-primary",
+  style,
+  ...props
+}) => {
+  const handleClick = () => {
+    if (onBeforeNavigate) {
+      onBeforeNavigate();
+    }
+    navigator2(path, config, pageName);
+  };
+  return /* @__PURE__ */ jsx10(
+    Button9,
+    {
+      style,
+      variant,
+      onClick: handleClick,
+      ...props,
+      children: displayName
+    }
+  );
+};
+
+// src/buttons/StatusBadge.tsx
+import { Form as Form3, Spinner as Spinner3 } from "react-bootstrap";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+var StatusBadge = ({
+  status,
+  showCheckbox = false,
+  checked = false,
+  onToggle = () => {
+  },
+  loading = false,
+  customStatusClasses
+}) => {
+  const statusClasses = customStatusClasses || {
+    PENDENTE: "bg-warning text-dark",
+    EXECUTANDO: "bg-success text-white",
+    CONCLUIDO: "bg-secondary text-white",
+    CANCELED: "bg-danger text-white"
+  };
+  const badgeClass = statusClasses[status] || "bg-secondary text-white";
+  return /* @__PURE__ */ jsx11("div", { className: "d-flex align-items-center gap-2", children: loading ? /* @__PURE__ */ jsx11(Spinner3, { animation: "border", size: "sm" }) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
+    showCheckbox && /* @__PURE__ */ jsx11(
+      Form3.Check,
+      {
+        type: "checkbox",
+        checked,
+        onChange: onToggle,
+        className: "me-1"
+      }
+    ),
+    /* @__PURE__ */ jsx11("span", { className: `badge ${badgeClass}`, children: status })
+  ] }) });
+};
+
+// src/buttons/SwitchOnClick.tsx
+import { useEffect as useEffect2, useState as useState5 } from "react";
+import { FaTimes } from "react-icons/fa";
+import { GrAddCircle } from "react-icons/gr";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+var SwitchOnClick = ({
+  children,
+  placeHolder = /* @__PURE__ */ jsx12(
+    "div",
+    {
+      className: "text-center zoom-container",
+      style: {
+        fontSize: "1.2rem",
+        color: "#666"
+      },
+      children: /* @__PURE__ */ jsx12(
+        GrAddCircle,
+        {
+          size: 25,
+          className: "mb-2",
+          style: { cursor: "pointer" }
+        }
+      )
+    }
+  ),
+  onSwitchClick,
+  onCancel,
+  containerClassName = ""
+}) => {
+  const [clicked, setClicked] = useState5(false);
+  const handleClick = () => {
+    onSwitchClick && onSwitchClick();
+    setClicked(!clicked);
+  };
+  const handleClose = () => {
+    setClicked(false);
+    onCancel && onCancel();
+  };
+  useEffect2(() => {
+    const handleEscape = (event) => {
+      if (event.key === "Escape") {
+        handleClose();
+      }
+    };
+    window.addEventListener("keydown", handleEscape);
+    return () => window.removeEventListener("keydown", handleEscape);
+  }, []);
+  if (!clicked) {
+    return /* @__PURE__ */ jsx12("div", { onClick: handleClick, style: { cursor: "pointer" }, children: placeHolder });
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: `switch-on-click-container ${containerClassName}`, children: [
+    /* @__PURE__ */ jsx12("div", { className: "close-icon", onClick: handleClose, children: /* @__PURE__ */ jsx12(FaTimes, { title: "Fechar" }) }),
+    children({ handleClose })
+  ] });
+};
+
+// src/containers/ResponsiveContainer.tsx
+import { Modal as Modal3, ModalBody } from "react-bootstrap";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 var ResponsiveContainer = ({
   title,
   show,
@@ -36,22 +555,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__ */ jsxs8(Modal3, { size: "lg", show, onHide: handleClose, scrollable, children: [
+    /* @__PURE__ */ jsx13(Modal3.Header, { closeButton: true, onClick: handleClose }),
+    /* @__PURE__ */ jsx13(ModalBody, { children })
   ] });
 };
 var ResponsiveContainer_default = ResponsiveContainer;
 
 // src/displays/UuidPill.tsx
-import { useState, useRef } from "react";
+import { useState as useState6, useRef as useRef3 } from "react";
 import { Badge, Overlay, Tooltip } from "react-bootstrap";
-import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs9 } 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] = useState6(false);
+  const ref = useRef3(null);
+  const [showTooltip, setShowTooltip] = useState6(false);
+  if (!uuid) return /* @__PURE__ */ jsx14("span", { className: "text-muted", children: "\u2014" });
   const shortId = String(uuid).substring(0, short);
   const handleCopy = async (e) => {
     e.stopPropagation();
@@ -68,8 +587,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__ */ jsxs9(Fragment4, { children: [
+    /* @__PURE__ */ jsxs9(
       Badge,
       {
         ref,
@@ -90,19 +609,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__ */ jsx14(Overlay, { target: ref.current, show: showTooltip, placement: "top", children: (props) => /* @__PURE__ */ jsx14(Tooltip, { ...props, children: copied ? /* @__PURE__ */ jsx14("span", { style: { color: "#6f6" }, children: "Copiado!" }) : /* @__PURE__ */ jsxs9("span", { style: { fontFamily: "monospace", fontSize: "0.75rem" }, children: [
       uuid,
-      /* @__PURE__ */ jsx4("br", {}),
-      /* @__PURE__ */ jsx4("small", { className: "text-muted", children: "Clique para copiar" })
+      /* @__PURE__ */ jsx14("br", {}),
+      /* @__PURE__ */ jsx14("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 React8, { useState as useState7, useEffect as useEffect3 } 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 Fragment5, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 var ConfigObject = class {
   constructor(dotNotation, style, onClick, onBlur, onHideClick, hidden, mapData, additionalComponents) {
     this.dotNotation = dotNotation;
@@ -152,16 +671,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__ */ jsxs10(Container, { onClick, style: { ...styles }, children: [
+      opn && /* @__PURE__ */ jsx15("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx15("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__ */ jsx15(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__ */ jsxs10(
       Container,
       {
         onClick,
@@ -174,17 +693,17 @@ var buildData = (obj, propertiesMap, configObjects, opn, innerArray, dispatch, i
           ...styles
         },
         children: [
-          opn && /* @__PURE__ */ jsx5("strong", { children: opn }),
+          opn && /* @__PURE__ */ jsx15("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__ */ jsx15(React8.Fragment, { children: comp() }, i)) : isRoot && editButtonRenderer ? editButtonRenderer(obj, opn) : null
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs3(Col, { children: [
-    /* @__PURE__ */ jsxs3("strong", { children: [
+  return /* @__PURE__ */ jsxs10(Col, { children: [
+    /* @__PURE__ */ jsxs10("strong", { children: [
       opn,
       ": "
     ] }),
@@ -200,7 +719,7 @@ var GenericDisplay = ({
   onRefresh,
   editButtonRenderer
 }) => {
-  const [innerOptions, setInnerOptions] = useState2();
+  const [innerOptions, setInnerOptions] = useState7();
   const refreshFunc = () => {
     if (loadFunc) {
       loadFunc().then((res) => {
@@ -214,31 +733,69 @@ var GenericDisplay = ({
       setInnerOptions(ops);
     }
   };
-  useEffect(() => {
+  useEffect3(() => {
     if (onRefresh) {
       onRefresh(refreshFunc);
     } else {
       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__ */ jsx15(Fragment5, { children: innerOptions && innerOptions.map((cObj, index) => /* @__PURE__ */ jsx15(Container, { style: { padding: 4, border: "solid" }, children: buildData(cObj, [], configObjects, rootName || null, false, null, true, editButtonRenderer) }, index)) });
 };
 var GenericDisplay_default = GenericDisplay;
 
+// src/displays/StatusIndicator.tsx
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+var StatusIndicator = ({
+  status,
+  count,
+  containerClassName = "",
+  customLabels
+}) => {
+  const statusLabels = customLabels || {
+    pendente: "PENDENTE",
+    executando: "EXECUTANDO",
+    concluido: "CONCLU\xCDDA",
+    canceled: "CANCELADA",
+    naoAtribuida: "N\xC3O ATRIBUIDA"
+  };
+  const label = statusLabels[status] || status.toUpperCase();
+  return /* @__PURE__ */ jsxs11("div", { className: `status-flag ${status} ${containerClassName}`, children: [
+    /* @__PURE__ */ jsx16("div", { className: "status-label", children: label }),
+    /* @__PURE__ */ jsx16("div", { className: "status-count", children: count })
+  ] });
+};
+
+// src/displays/VerticalItemsDisplay.tsx
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+var VerticalItemsDisplay = ({
+  item1 = "",
+  item2 = "",
+  item3 = "",
+  className = "",
+  style
+}) => {
+  return /* @__PURE__ */ jsxs12("div", { className, style, children: [
+    /* @__PURE__ */ jsx17("div", { children: item1 }),
+    /* @__PURE__ */ jsx17("div", { children: item2 }),
+    /* @__PURE__ */ jsx17("div", { children: item3 })
+  ] });
+};
+
 // src/forms/MailSender.tsx
-import { useState as useState3 } from "react";
+import { useState as useState8 } from "react";
 import {
-  Button as Button3,
+  Button as Button10,
   Card,
   Col as Col2,
-  Form,
+  Form as Form4,
   Row as Row2,
-  Spinner,
+  Spinner as Spinner4,
   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 Fragment6, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var MailSender = ({
   htmlContent,
   companyName,
@@ -247,15 +804,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] = useState8(false);
+  const [addingEmail, setAddingEmail] = useState8(false);
+  const [selectedEmails, setSelectedEmails] = useState8([]);
+  const [emails, setEmails] = useState8([]);
+  const [loading, setLoading] = useState8(false);
+  const [postLoading, setPostLoading] = useState8(false);
+  const [customEmail, setCustomEmail] = useState8("");
+  const [emailError, setEmailError] = useState8("");
+  const [searchFilter, setSearchFilter] = useState8("");
   const handleOpen = async () => {
     setLoading(true);
     try {
@@ -338,9 +895,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__ */ jsx18(Button10, { disabled: loading, className: "w-100", onClick: handleOpen, children: loading ? "Carregando..." : "Enviar por E-mail" });
   }
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       style: {
@@ -351,7 +908,7 @@ var MailSender = ({
         boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)"
       },
       children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx18(
           "div",
           {
             style: {
@@ -359,20 +916,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__ */ jsxs13("div", { className: "d-flex justify-content-between align-items-center", children: [
+              /* @__PURE__ */ jsxs13("div", { children: [
+                /* @__PURE__ */ jsxs13("h4", { className: "mb-1", style: { fontWeight: "600", fontSize: "22px" }, children: [
+                  /* @__PURE__ */ jsx18(FiMail, { className: "me-2", size: 20 }),
                   "Enviar Relat\xF3rio por E-mail"
                 ] }),
-                /* @__PURE__ */ jsxs4("small", { style: { opacity: "0.9", fontSize: "14px" }, children: [
+                /* @__PURE__ */ jsxs13("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__ */ jsxs13("div", { className: "d-flex gap-2", children: [
+                /* @__PURE__ */ jsx18(
+                  Button10,
                   {
                     variant: "light",
                     onClick: sendEmail,
@@ -383,38 +940,38 @@ var MailSender = ({
                       minWidth: "130px",
                       height: "40px"
                     },
-                    children: postLoading ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                      /* @__PURE__ */ jsx6(Spinner, { size: "sm", className: "me-2" }),
+                    children: postLoading ? /* @__PURE__ */ jsxs13(Fragment6, { children: [
+                      /* @__PURE__ */ jsx18(Spinner4, { size: "sm", className: "me-2" }),
                       "Enviando..."
-                    ] }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                      /* @__PURE__ */ jsx6(FiSend, { className: "me-2", size: 14 }),
+                    ] }) : /* @__PURE__ */ jsxs13(Fragment6, { children: [
+                      /* @__PURE__ */ jsx18(FiSend, { className: "me-2", size: 14 }),
                       "Enviar E-mail"
                     ] })
                   }
                 ),
-                /* @__PURE__ */ jsx6(
-                  Button3,
+                /* @__PURE__ */ jsx18(
+                  Button10,
                   {
                     variant: "outline-light",
                     onClick: () => setOpened(false),
                     disabled: postLoading,
                     style: { borderRadius: "8px", width: "40px", height: "40px" },
-                    children: /* @__PURE__ */ jsx6(FiX, { size: 16 })
+                    children: /* @__PURE__ */ jsx18(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__ */ jsxs13("div", { style: { padding: "25px" }, children: [
+          /* @__PURE__ */ jsx18(Card, { className: "mb-4", style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ jsxs13(Card.Body, { style: { padding: "20px" }, children: [
+            /* @__PURE__ */ jsxs13(Row2, { className: "align-items-center", children: [
+              /* @__PURE__ */ jsxs13(Col2, { md: 6, children: [
+                /* @__PURE__ */ jsx18("h6", { className: "mb-2", style: { color: "#495057", fontWeight: "600" }, children: "\u{1F527} Filtros e A\xE7\xF5es" }),
+                /* @__PURE__ */ jsxs13(InputGroup, { style: { maxWidth: "300px" }, children: [
+                  /* @__PURE__ */ jsx18(InputGroup.Text, { style: { backgroundColor: "#f8f9fa", border: "1px solid #dee2e6" }, children: /* @__PURE__ */ jsx18(FiSearch, { size: 14, color: "#6c757d" }) }),
+                  /* @__PURE__ */ jsx18(
+                    Form4.Control,
                     {
                       type: "text",
                       placeholder: "Buscar e-mails...",
@@ -425,25 +982,25 @@ var MailSender = ({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsx6(Col2, { md: 6, className: "text-end", children: /* @__PURE__ */ jsx6(
-                Button3,
+              /* @__PURE__ */ jsx18(Col2, { md: 6, className: "text-end", children: /* @__PURE__ */ jsx18(
+                Button10,
                 {
                   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__ */ jsxs13(Fragment6, { children: [
+                    /* @__PURE__ */ jsx18(FiX, { className: "me-1", size: 14 }),
                     "Cancelar"
-                  ] }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                    /* @__PURE__ */ jsx6(FiPlus, { className: "me-1", size: 14 }),
+                  ] }) : /* @__PURE__ */ jsxs13(Fragment6, { children: [
+                    /* @__PURE__ */ jsx18(FiPlus, { className: "me-1", size: 14 }),
                     "E-mail Personalizado"
                   ] })
                 }
               ) })
             ] }),
-            addingEmail && /* @__PURE__ */ jsxs4(
+            addingEmail && /* @__PURE__ */ jsxs13(
               "div",
               {
                 style: {
@@ -454,12 +1011,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__ */ jsx18("h6", { className: "mb-3", style: { color: "#1976d2", fontWeight: "600" }, children: "\u2709\uFE0F Adicionar E-mail Personalizado" }),
+                  /* @__PURE__ */ jsxs13(Row2, { className: "align-items-end", children: [
+                    /* @__PURE__ */ jsxs13(Col2, { md: 8, children: [
+                      /* @__PURE__ */ jsx18(Form4.Label, { style: { fontSize: "13px", color: "#6c757d", fontWeight: "500" }, children: "Endere\xE7o de E-mail" }),
+                      /* @__PURE__ */ jsx18(
+                        Form4.Control,
                         {
                           type: "email",
                           placeholder: "exemplo@empresa.com",
@@ -474,17 +1031,17 @@ var MailSender = ({
                           onKeyPress: (e) => e.key === "Enter" && handleEmailAdd()
                         }
                       ),
-                      /* @__PURE__ */ jsx6(Form.Control.Feedback, { type: "invalid", children: emailError })
+                      /* @__PURE__ */ jsx18(Form4.Control.Feedback, { type: "invalid", children: emailError })
                     ] }),
-                    /* @__PURE__ */ jsx6(Col2, { md: 4, children: /* @__PURE__ */ jsxs4(
-                      Button3,
+                    /* @__PURE__ */ jsx18(Col2, { md: 4, children: /* @__PURE__ */ jsxs13(
+                      Button10,
                       {
                         variant: "success",
                         onClick: handleEmailAdd,
                         disabled: postLoading,
                         style: { borderRadius: "8px", width: "100%" },
                         children: [
-                          /* @__PURE__ */ jsx6(FiPlus, { className: "me-1", size: 14 }),
+                          /* @__PURE__ */ jsx18(FiPlus, { className: "me-1", size: 14 }),
                           "Adicionar"
                         ]
                       }
@@ -494,16 +1051,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__ */ jsx18(Card, { className: "mb-4", style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ jsxs13(Card.Body, { style: { padding: "20px" }, children: [
+            /* @__PURE__ */ jsxs13("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [
+              /* @__PURE__ */ jsx18("h6", { className: "mb-0", style: { color: "#495057", fontWeight: "600" }, children: "\u{1F4CB} Destinat\xE1rios Selecionados" }),
+              /* @__PURE__ */ jsxs13(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__ */ jsx18("div", { className: "d-flex flex-wrap gap-2", children: selectedEmails.map((email, index) => /* @__PURE__ */ jsxs13(
               "div",
               {
                 style: {
@@ -517,10 +1074,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__ */ jsx18(FiUser, { size: 12, className: "me-2", color: "#1976d2" }),
+                  /* @__PURE__ */ jsx18("span", { children: email.email || email }),
+                  /* @__PURE__ */ jsx18(
+                    Button10,
                     {
                       variant: "link",
                       size: "sm",
@@ -532,7 +1089,7 @@ var MailSender = ({
                         textDecoration: "none",
                         fontSize: "16px"
                       },
-                      children: /* @__PURE__ */ jsx6(FiX, { size: 14 })
+                      children: /* @__PURE__ */ jsx18(FiX, { size: 14 })
                     }
                   )
                 ]
@@ -540,16 +1097,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__ */ jsx18(Card, { style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ jsxs13(Card.Body, { style: { padding: "20px" }, children: [
+            /* @__PURE__ */ jsxs13("h6", { className: "mb-3", style: { color: "#495057", fontWeight: "600" }, children: [
+              /* @__PURE__ */ jsx18(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__ */ jsxs13("div", { className: "text-center py-4", children: [
+              /* @__PURE__ */ jsx18(Spinner4, {}),
+              /* @__PURE__ */ jsx18("p", { className: "mt-2 text-muted", children: "Carregando e-mails..." })
+            ] }) : filteredEmails.length === 0 ? /* @__PURE__ */ jsx18("div", { className: "text-center py-4", children: /* @__PURE__ */ jsx18("p", { className: "text-muted mb-0", children: searchFilter ? "Nenhum e-mail encontrado com esse filtro" : "Nenhum e-mail dispon\xEDvel" }) }) : /* @__PURE__ */ jsx18(Row2, { children: filteredEmails.map((email) => /* @__PURE__ */ jsx18(Col2, { xs: 12, sm: 6, lg: 4, className: "mb-3", children: /* @__PURE__ */ jsx18(
               Card,
               {
                 onClick: () => setSelectedEmails([...selectedEmails, email]),
@@ -570,9 +1127,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__ */ jsxs13(Card.Body, { style: { padding: "15px", textAlign: "center" }, children: [
+                  /* @__PURE__ */ jsx18(FiMail, { size: 20, color: "#007bff", className: "mb-2" }),
+                  /* @__PURE__ */ jsx18(
                     "div",
                     {
                       style: {
@@ -594,13 +1151,227 @@ var MailSender = ({
   );
 };
 
+// src/forms/AutoComplete.tsx
+import { useEffect as useEffect4, useMemo, useState as useState9 } from "react";
+import { FloatingLabel, Form as Form5, InputGroup as InputGroup2, ListGroup, Spinner as Spinner5 } from "react-bootstrap";
+import { jsx as jsx19, jsxs as jsxs14 } 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] = useState9([]);
+  const [options, setOptions] = useState9([]);
+  const [input, setInput] = useState9("");
+  const [hide, setHide] = useState9(true);
+  const [onLoaded, setOnLoaded] = useState9(false);
+  const [loading, setLoading] = useState9(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])));
+  };
+  useEffect4(() => {
+    setInput(value || "");
+  }, [value]);
+  useEffect4(() => {
+    const sortedOptions = sortOptions(ops, sortKey);
+    setListItem(sortedOptions);
+    setOptions(sortedOptions);
+  }, [ops, sortKey]);
+  useEffect4(() => {
+    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__ */ jsxs14(
+    "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__ */ jsxs14(InputGroup2, { children: [
+          /* @__PURE__ */ jsx19(FloatingLabel, { controlId: "floatingInput", label: title, style: { zIndex: 0, flex: 1 }, children: /* @__PURE__ */ jsx19(
+            Form5.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__ */ jsx19(InputGroup2.Text, { children: /* @__PURE__ */ jsx19(Spinner5, { animation: "border", size: "sm" }) }),
+          !disableComponent && (actionButton == null ? void 0 : actionButton(() => setInput(""))),
+          !disableComponent && (actionButton2 == null ? void 0 : actionButton2(input))
+        ] }),
+        /* @__PURE__ */ jsx19(
+          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__ */ jsx19(
+              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 useState10 } from "react";
+import { Button as Button11, Form as Form6 } from "react-bootstrap";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
-  const [formValues, setFormValues] = useState4({});
-  const [errors, setErrors] = useState4({});
+  const [formValues, setFormValues] = useState10({});
+  const [errors, setErrors] = useState10({});
   const handleChange = (key, value) => {
     setFormValues({
       ...formValues,
@@ -629,10 +1400,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__ */ jsxs15(Form6.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ jsx20(Form6.Label, { children: label }),
+          /* @__PURE__ */ jsx20(
+            Form6.Control,
             {
               type,
               placeholder,
@@ -641,30 +1412,30 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
               isInvalid: !!errors[key]
             }
           ),
-          /* @__PURE__ */ jsx7(Form2.Control.Feedback, { type: "invalid", children: errors[key] })
+          /* @__PURE__ */ jsx20(Form6.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__ */ jsxs15(Form6.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ jsx20(Form6.Label, { children: label }),
+          /* @__PURE__ */ jsxs15(
+            Form6.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__ */ jsx20("option", { value: "", children: "Selecione..." }),
+                orderedOptions.map((option) => /* @__PURE__ */ jsx20("option", { value: option.value, children: option.label }, String(option.value)))
               ]
             }
           ),
-          /* @__PURE__ */ jsx7(Form2.Control.Feedback, { type: "invalid", children: errors[key] })
+          /* @__PURE__ */ jsx20(Form6.Control.Feedback, { type: "invalid", children: errors[key] })
         ] }, key);
       }
       case "custom-select":
         if (renderCustomSelect) {
-          return /* @__PURE__ */ jsxs5("div", { children: [
+          return /* @__PURE__ */ jsxs15("div", { children: [
             renderCustomSelect({
               label,
               value,
@@ -672,15 +1443,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__ */ jsx20("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__ */ jsxs15(Form6.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ jsx20(Form6.Label, { children: label }),
+          /* @__PURE__ */ jsx20(
+            Form6.Control,
             {
               type: "date",
               value,
@@ -688,23 +1459,23 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
               isInvalid: !!errors[key]
             }
           ),
-          /* @__PURE__ */ jsx7(Form2.Control.Feedback, { type: "invalid", children: errors[key] })
+          /* @__PURE__ */ jsx20(Form6.Control.Feedback, { type: "invalid", children: errors[key] })
         ] }, key);
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ jsxs5(Form2, { onSubmit: handleSubmit, children: [
+  return /* @__PURE__ */ jsxs15(Form6, { 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__ */ jsx20("div", { className: "d-grid", children: /* @__PURE__ */ jsx20(Button11, { 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 useEffect5, useState as useState11 } from "react";
+import { Form as Form7, InputGroup as InputGroup3 } from "react-bootstrap";
+import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs16 } 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 +1512,8 @@ var GenericSelect = ({
   isBold,
   ...restProps
 }) => {
-  const [options, setOptions] = useState5(ops || []);
-  useEffect2(() => {
+  const [options, setOptions] = useState11(ops || []);
+  useEffect5(() => {
     const loadFunction = async () => {
       if (loadCondition && loadFunc) {
         loadFunc().then((res) => {
@@ -767,15 +1538,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__ */ jsxs16(
+    Form7.Control,
     {
       disabled: locked,
       as: "select",
       value: selection,
       onChange: (event) => getTrueValue(event.target.selectedIndex),
       children: [
-        /* @__PURE__ */ jsxs6("option", { value: void 0, children: [
+        /* @__PURE__ */ jsxs16("option", { value: void 0, children: [
           "-- ",
           defaultPlaceholder,
           " --"
@@ -784,35 +1555,644 @@ 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__ */ jsx21("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__ */ jsxs16(Fragment7, { children: [
+      /* @__PURE__ */ jsx21(Form7.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
+      /* @__PURE__ */ jsxs16(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__ */ jsxs16(Fragment7, { children: [
+    /* @__PURE__ */ jsx21(Form7.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
     selectContent
   ] });
 };
 var GenericSelect_default = GenericSelect;
+
+// src/forms/FormField.tsx
+import { FloatingLabel as FloatingLabel2, Form as Form8, InputGroup as InputGroup4 } from "react-bootstrap";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+var FormField = ({
+  val,
+  onValueUpdate,
+  onBlur,
+  label,
+  ty,
+  actionClick,
+  actionClick2,
+  reference,
+  others,
+  styleObj,
+  locked,
+  hide,
+  onMouseLv,
+  onEnterPress,
+  className,
+  isInvalid,
+  feedback,
+  onFocus,
+  rows,
+  asTextArea,
+  controlId
+}) => {
+  const onKeyDownHandler = (event) => {
+    if (event.code === "Enter" || event.key === "Enter") {
+      onEnterPress && onEnterPress(event.target.value);
+    }
+  };
+  const onFocusHandler = (value) => {
+    onFocus && onFocus(value);
+  };
+  const renderField = () => {
+    const fieldProps = {
+      autoComplete: "off",
+      isInvalid,
+      className,
+      ...others,
+      onBlur: (event) => onBlur && onBlur(event.target.value, event),
+      disabled: locked,
+      style: styleObj,
+      ref: reference,
+      placeholder: (others == null ? void 0 : others.placeholder) || label,
+      type: ty || "text",
+      value: val != null ? val : "",
+      onChange: (event) => onValueUpdate && onValueUpdate(event.target.value, event)
+    };
+    if (asTextArea) {
+      fieldProps.as = "textarea";
+      fieldProps.rows = rows || 3;
+    }
+    return /* @__PURE__ */ jsx22(Form8.Control, { ...fieldProps });
+  };
+  if (hide) return null;
+  return /* @__PURE__ */ jsxs17(
+    Form8.Group,
+    {
+      onFocusCapture: (e) => onFocusHandler(e.target.value),
+      onMouseLeave: onMouseLv,
+      onKeyDown: onKeyDownHandler,
+      style: { marginTop: 4, marginBottom: 4, width: "100%" },
+      children: [
+        /* @__PURE__ */ jsxs17(InputGroup4, { children: [
+          asTextArea ? renderField() : /* @__PURE__ */ jsx22(FloatingLabel2, { style: { zIndex: 0, flex: 1 }, label, controlId: controlId || "floatingInput", children: renderField() }),
+          actionClick && actionClick(),
+          actionClick2 && actionClick2()
+        ] }),
+        feedback && isInvalid && /* @__PURE__ */ jsx22(Form8.Control.Feedback, { type: "invalid", style: { display: "block" }, children: feedback })
+      ]
+    }
+  );
+};
+
+// src/forms/ClickToWriteField.tsx
+import { useState as useState12, useEffect as useEffect6, useRef as useRef4 } from "react";
+import { Button as Button12 } from "react-bootstrap";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+var ClickToWriteField = ({
+  buttonDisplay,
+  fieldType = "text",
+  fieldLabel = "",
+  buttonProps,
+  fieldProps,
+  onFieldValueUpdate,
+  enableFieldActionButton = false,
+  fieldActionButtonIcon,
+  fieldActionButtonProps,
+  fieldActionButtonCallback = () => {
+  },
+  onEnterPress,
+  cleanRef
+}) => {
+  const [showClick, setShowClick] = useState12(false);
+  const inputRef = useRef4(null);
+  useEffect6(() => {
+    if (showClick) {
+      setTimeout(() => {
+        if (inputRef.current) {
+          inputRef.current.focus();
+          cleanRef && cleanRef(inputRef);
+        }
+      }, 100);
+    }
+  }, [showClick, cleanRef]);
+  const handleShowClick = () => {
+    setShowClick(!showClick);
+  };
+  const resolveButtonDisplay = () => {
+    if (typeof buttonDisplay === "function") return buttonDisplay();
+    return buttonDisplay;
+  };
+  const renderFieldActionButtonIcon = () => {
+    if (fieldActionButtonIcon) return fieldActionButtonIcon();
+    return "OK";
+  };
+  const closeOnEscape = (e) => {
+    if (e.key === "Escape") {
+      setShowClick(false);
+    }
+    if (e.key === "Enter" && onEnterPress) {
+      onEnterPress(inputRef);
+    }
+  };
+  return /* @__PURE__ */ jsxs18("div", { style: { display: "flex", width: "100%", margin: 0, padding: 0 }, children: [
+    !showClick && /* @__PURE__ */ jsx23(
+      Button12,
+      {
+        style: { flexGrow: 1 },
+        onClick: handleShowClick,
+        ...buttonProps,
+        children: resolveButtonDisplay()
+      }
+    ),
+    showClick && /* @__PURE__ */ jsx23(
+      FormField,
+      {
+        reference: inputRef,
+        others: { ...fieldProps, onKeyUp: closeOnEscape },
+        hide: !showClick,
+        ty: fieldType,
+        label: fieldLabel,
+        onValueUpdate: onFieldValueUpdate,
+        onBlur: () => setShowClick(false),
+        actionClick: () => enableFieldActionButton ? /* @__PURE__ */ jsx23(
+          Button12,
+          {
+            ...fieldActionButtonProps,
+            onClick: () => fieldActionButtonCallback(inputRef),
+            children: renderFieldActionButtonIcon()
+          }
+        ) : null
+      }
+    )
+  ] });
+};
+
+// src/forms/ColorPicker.tsx
+import { Card as Card2, Form as Form9, Row as Row3, Col as Col3 } from "react-bootstrap";
+import { FaPalette } from "react-icons/fa";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+var ColorPicker = ({
+  selectedColor,
+  onColorChange,
+  presetColors = ["#ff0000", "#ffd700", "#008000", "#0000ff", "#800080"],
+  title = "Cor de Identifica\xE7\xE3o"
+}) => {
+  return /* @__PURE__ */ jsxs19(
+    Card2,
+    {
+      className: "shadow-sm border-primary-hover mb-3",
+      style: { maxWidth: "320px", transition: "0.3s" },
+      children: [
+        /* @__PURE__ */ jsxs19(Card2.Header, { className: "bg-light d-flex align-items-center", children: [
+          /* @__PURE__ */ jsx24(FaPalette, { className: "me-2 text-primary" }),
+          /* @__PURE__ */ jsx24("span", { className: "fw-medium", children: title })
+        ] }),
+        /* @__PURE__ */ jsxs19(Card2.Body, { children: [
+          /* @__PURE__ */ jsxs19(Row3, { className: "g-3 align-items-center mb-3", children: [
+            /* @__PURE__ */ jsx24(Col3, { xs: "auto", children: /* @__PURE__ */ jsx24(
+              "div",
+              {
+                className: "rounded-circle shadow-sm border",
+                style: {
+                  width: "40px",
+                  height: "40px",
+                  backgroundColor: selectedColor,
+                  cursor: "pointer",
+                  border: "2px solid #dee2e6"
+                },
+                onClick: () => {
+                  const el = document.getElementById("color-input-hidden");
+                  if (el) el.click();
+                },
+                title: "Clique para abrir o seletor"
+              }
+            ) }),
+            /* @__PURE__ */ jsx24(Col3, { children: /* @__PURE__ */ jsx24(
+              Form9.Control,
+              {
+                type: "color",
+                id: "color-input-hidden",
+                value: selectedColor,
+                onChange: (e) => onColorChange(e.target.value),
+                className: "form-control-color-lg",
+                style: { width: "100%", height: "40px", cursor: "pointer" }
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx24(Row3, { className: "g-2 justify-content-start", children: presetColors.map((cor) => /* @__PURE__ */ jsx24(Col3, { xs: "auto", children: /* @__PURE__ */ jsx24(
+            "div",
+            {
+              className: "rounded-1 shadow-sm",
+              style: {
+                width: "28px",
+                height: "28px",
+                backgroundColor: cor,
+                cursor: "pointer",
+                border: cor.toLowerCase() === selectedColor.toLowerCase() ? "2px solid #0d6efd" : "1px solid #dee2e6"
+              },
+              onClick: () => onColorChange(cor)
+            }
+          ) }, cor)) })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/forms/Switch.tsx
+import { Form as Form10 } from "react-bootstrap";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var Switch = ({
+  label,
+  onSwitchChange,
+  value,
+  disabled = false,
+  defaultChecked,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx25(
+    Form10.Check,
+    {
+      ...props,
+      disabled,
+      type: "switch",
+      label,
+      checked: value,
+      defaultChecked,
+      onChange: (event) => onSwitchChange && onSwitchChange(event.target.checked)
+    }
+  );
+};
+
+// src/forms/UploadArea.tsx
+import { useCallback } from "react";
+import { useDropzone } from "react-dropzone";
+import { FiUploadCloud, FiCheckCircle } from "react-icons/fi";
+import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+var UploadArea = ({
+  onFilePut,
+  anexo,
+  accept = { "image/jpeg": [], "image/png": [] },
+  maxSize = 50 * 1024 * 1024
+}) => {
+  const onDrop = useCallback(
+    (acceptedFiles) => {
+      const file = acceptedFiles[0];
+      if (file && typeof onFilePut === "function") {
+        onFilePut(file);
+      }
+    },
+    [onFilePut]
+  );
+  const { getRootProps, getInputProps, isDragActive } = useDropzone({
+    onDrop,
+    maxSize,
+    accept
+  });
+  const hasAnexo = Boolean(anexo);
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    {
+      ...getRootProps(),
+      className: `upload-area 
+				${isDragActive ? "drag-active" : ""} 
+				${hasAnexo ? "upload-has-file" : ""}
+			`,
+      children: [
+        /* @__PURE__ */ jsx26("input", { ...getInputProps() }),
+        /* @__PURE__ */ jsxs20("div", { className: "upload-content", children: [
+          /* @__PURE__ */ jsx26("span", { className: "upload-icon", children: hasAnexo ? /* @__PURE__ */ jsx26(FiCheckCircle, { size: 24 }) : /* @__PURE__ */ jsx26(FiUploadCloud, { size: 24 }) }),
+          hasAnexo ? /* @__PURE__ */ jsxs20(Fragment8, { children: [
+            /* @__PURE__ */ jsx26("p", { className: "upload-link", children: "Arquivo anexado" }),
+            /* @__PURE__ */ jsx26("p", { className: "upload-info", children: anexo == null ? void 0 : anexo.name })
+          ] }) : /* @__PURE__ */ jsxs20(Fragment8, { children: [
+            /* @__PURE__ */ jsxs20("p", { children: [
+              /* @__PURE__ */ jsx26("span", { className: "upload-link", children: "Adicione" }),
+              " ou arraste arquivos aqui"
+            ] }),
+            /* @__PURE__ */ jsxs20("p", { className: "upload-info", children: [
+              "Formatos aceitos: ",
+              /* @__PURE__ */ jsx26("b", { children: Object.keys(accept).map((t) => t.split("/")[1].toUpperCase()).join(", ") }),
+              " | Tamanho m\xE1ximo:",
+              " ",
+              /* @__PURE__ */ jsxs20("b", { children: [
+                (maxSize / (1024 * 1024)).toFixed(0),
+                "MB"
+              ] })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/forms/FindRecursoByTagField.tsx
+import { useState as useState15 } from "react";
+import { GrCheckmark as GrCheckmark2 } from "react-icons/gr";
+
+// src/qr/QrCodeScanButton.tsx
+import { useState as useState14 } from "react";
+import { BsQrCode } from "react-icons/bs";
+
+// src/qr/QrReader.tsx
+import QrScanner from "qr-scanner";
+import { useEffect as useEffect7, useRef as useRef5, useState as useState13 } from "react";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+var QrReader = ({ callback }) => {
+  const scanner = useRef5(null);
+  const videoEl = useRef5(null);
+  const qrBoxEl = useRef5(null);
+  const [qrOn, setQrOn] = useState13(true);
+  const [scannedResult, setScannedResult] = useState13("");
+  const onScanSuccess = (result) => {
+    setScannedResult(result.data);
+    callback(result.data);
+  };
+  const onScanFail = (err) => {
+    if (typeof err === "string" && !err.includes("No QR code found")) {
+      console.error("QR Scanner Error:", err);
+    }
+  };
+  useEffect7(() => {
+    if (videoEl.current && !scanner.current) {
+      scanner.current = new QrScanner(videoEl.current, onScanSuccess, {
+        onDecodeError: onScanFail,
+        preferredCamera: "environment",
+        highlightScanRegion: true,
+        highlightCodeOutline: true,
+        overlay: qrBoxEl.current || void 0
+      });
+      scanner.current.start().then(() => setQrOn(true)).catch((err) => {
+        console.error("Failed to start QR Scanner:", err);
+        setQrOn(false);
+      });
+    }
+    return () => {
+      if (scanner.current) {
+        scanner.current.stop();
+        scanner.current.destroy();
+        scanner.current = null;
+      }
+    };
+  }, []);
+  useEffect7(() => {
+    if (!qrOn) {
+      alert(
+        "C\xE2mera est\xE1 bloqueada ou inacess\xEDvel. Por favor, habilite a c\xE2mera nas permiss\xF5es do seu navegador e recarregue a p\xE1gina."
+      );
+    }
+  }, [qrOn]);
+  return /* @__PURE__ */ jsxs21("div", { className: "qr-reader", style: { position: "relative", width: "100%", maxWidth: "500px", margin: "0 auto" }, children: [
+    /* @__PURE__ */ jsx27("video", { ref: videoEl, style: { width: "100%", borderRadius: "8px" } }),
+    /* @__PURE__ */ jsx27("div", { ref: qrBoxEl, className: "qr-box" }),
+    scannedResult && /* @__PURE__ */ jsxs21(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: 10,
+          left: 10,
+          zIndex: 10,
+          background: "rgba(0,0,0,0.6)",
+          color: "white",
+          padding: "4px 8px",
+          borderRadius: "4px",
+          fontSize: "0.8rem"
+        },
+        children: [
+          "Lido: ",
+          scannedResult
+        ]
+      }
+    )
+  ] });
+};
+
+// src/qr/QrCodeScanButton.tsx
+import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+var QrCodeScanButton = ({ callback, size = 25 }) => {
+  const [showQr, setShowQr] = useState14(false);
+  const toggleQr = () => {
+    setShowQr((prev) => !prev);
+  };
+  return /* @__PURE__ */ jsxs22(
+    "div",
+    {
+      className: "hoverable-div",
+      style: {
+        border: "solid",
+        borderTopRightRadius: "3px",
+        borderBottomRightRadius: "3px",
+        padding: "8px",
+        borderLeft: "none",
+        borderColor: "#ccc",
+        borderWidth: "1px",
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center"
+      },
+      onClick: toggleQr,
+      children: [
+        /* @__PURE__ */ jsx28(BsQrCode, { size }),
+        showQr && /* @__PURE__ */ jsx28(
+          "div",
+          {
+            style: {
+              position: "fixed",
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              backgroundColor: "rgba(0,0,0,0.8)",
+              zIndex: 9999,
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: "20px"
+            },
+            onClick: (e) => e.stopPropagation(),
+            children: /* @__PURE__ */ jsxs22("div", { style: { width: "100%", maxWidth: "500px", backgroundColor: "#fff", borderRadius: "12px", padding: "20px", position: "relative" }, children: [
+              /* @__PURE__ */ jsx28(
+                "div",
+                {
+                  onClick: toggleQr,
+                  style: { position: "absolute", top: "10px", right: "15px", fontSize: "1.5rem", cursor: "pointer", zIndex: 10001 },
+                  children: "\xD7"
+                }
+              ),
+              /* @__PURE__ */ jsx28("h5", { className: "mb-3 text-center", children: "Escaneie o QR Code" }),
+              /* @__PURE__ */ jsx28(
+                QrReader,
+                {
+                  callback: (v) => {
+                    toggleQr();
+                    callback(v);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx28("p", { className: "mt-3 text-muted text-center small", children: "Aponte a c\xE2mera para o c\xF3digo" })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/forms/FindRecursoByTagField.tsx
+import { jsx as jsx29 } from "react/jsx-runtime";
+var FindRecursoByTagField = ({ callback, recursoController }) => {
+  const [selectedTag, setSelectedTag] = useState15("");
+  const [reachedRecurso, setReachedRecurso] = useState15(null);
+  const findRecursoByTagIdHandler = async (tagId) => {
+    try {
+      const r = await recursoController.read("findRecursoByTagId", tagId);
+      setReachedRecurso(r);
+    } catch (error) {
+      console.error("Erro ao buscar recurso por tag ID:", error);
+    }
+  };
+  const findRecursoByTagDescriptionHandler = async (description) => {
+    try {
+      const formattedDescription = description.replace(/\s/g, "");
+      const recurso = await recursoController.read(
+        `recurso/findByTagDescription`,
+        formattedDescription
+      );
+      if (!callback) {
+        console.log("Recurso encontrado (sem callback):", recurso);
+      } else {
+        callback(recurso, true);
+      }
+    } catch (error) {
+      console.error("Erro ao buscar recurso por descri\xE7\xE3o de tag:", error);
+    }
+  };
+  const confirmRecursoSelectionButton = () => {
+    return /* @__PURE__ */ jsx29(
+      "div",
+      {
+        className: "hoverable-div",
+        style: {
+          border: "solid",
+          borderTopRightRadius: "3px",
+          borderBottomRightRadius: "3px",
+          padding: "8px",
+          borderLeft: "none",
+          borderColor: "#ccc",
+          borderWidth: "1px",
+          cursor: "pointer",
+          display: "flex",
+          alignItems: "center"
+        },
+        children: /* @__PURE__ */ jsx29(
+          GrCheckmark2,
+          {
+            size: 25,
+            onClick: () => reachedRecurso && callback(reachedRecurso, true)
+          }
+        )
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx29("div", { children: /* @__PURE__ */ jsx29(
+    AutoComplete,
+    {
+      sortKey: "id",
+      loadCondition: true,
+      loadFunc: () => recursoController.get("findActiveRecursosTags"),
+      displayKey: "descricao",
+      title: "Selecione ou Digite a TAG",
+      isBold: true,
+      actionButton: confirmRecursoSelectionButton,
+      actionButton2: () => /* @__PURE__ */ jsx29(
+        QrCodeScanButton,
+        {
+          callback: (description) => findRecursoByTagDescriptionHandler(description)
+        }
+      ),
+      onSelectedClick: (v) => {
+        setSelectedTag(v);
+        findRecursoByTagIdHandler(v.id);
+      },
+      value: (selectedTag == null ? void 0 : selectedTag.descricao) || ""
+    }
+  ) });
+};
+
+// src/icons/IconLabelItem.tsx
+import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+var IconLabelItem = ({
+  icon,
+  label,
+  containerClassName = "",
+  labelClassName = "",
+  onClick,
+  style
+}) => {
+  return /* @__PURE__ */ jsxs23("div", { className: containerClassName, onClick, style: { ...style, cursor: onClick ? "pointer" : "default" }, children: [
+    icon,
+    /* @__PURE__ */ jsx30("span", { className: labelClassName, children: label })
+  ] });
+};
+
+// src/icons/IconLabelList.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+var IconLabelList = ({ items, className = "" }) => {
+  return /* @__PURE__ */ jsx31("div", { className: `icon-label-list ${className}`, children: items.map((item, index) => /* @__PURE__ */ jsx31(
+    IconLabelItem,
+    {
+      labelClassName: "icon-label",
+      containerClassName: "icon-label-item",
+      icon: item.icon,
+      label: item.label,
+      onClick: item.onClick
+    },
+    index
+  )) });
+};
 export {
+  ActionButtons,
   AddButton_default as AddButton,
+  ApproveAndReproveButtons,
+  AsyncButton,
+  AutoComplete,
+  ClickToWriteField,
+  ColorPicker,
   ConfigObject,
   DeleteButton_default as DeleteButton,
+  DeleteConfirm,
+  FindRecursoByTagField,
+  FormField,
+  Generic3DotMenu,
   GenericDisplay_default as GenericDisplay,
   GenericForm_default as GenericForm,
   GenericSelect_default as GenericSelect,
   GenericSelectOps,
+  IconLabelItem,
+  IconLabelList,
+  LoadingButton,
+  LoadingProgress,
   MailSender,
+  MenuEvent,
+  NavigateButton,
+  QrCodeScanButton,
+  QrReader,
   ResponsiveContainer_default as ResponsiveContainer,
-  UuidPill_default as UuidPill
+  StatusBadge,
+  StatusIndicator,
+  Switch,
+  SwitchOnClick,
+  UploadArea,
+  UuidPill_default as UuidPill,
+  VerticalItemsDisplay
 };