teraprox-ui-kit 0.1.5 → 0.1.8

package/dist/index.mjs

@@ -1,2198 +0,0 @@
-// src/buttons/AddButton.tsx
-import { Button } from "react-bootstrap";
-import { GrAdd } from "react-icons/gr";
-import { jsx } from "react/jsx-runtime";
-var AddButton = ({ callback, hiddenBool, size }) => /* @__PURE__ */ jsx(
-  Button,
-  {
-    hidden: hiddenBool || false,
-    variant: "outline-primary",
-    onClick: () => callback(),
-    children: /* @__PURE__ */ jsx(GrAdd, { size: size || 25 })
-  }
-);
-var AddButton_default = AddButton;
-
-// src/buttons/DeleteButton.tsx
-import { Button as Button2 } from "react-bootstrap";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var DeleteButton = ({ title, onDeleteClick }) => {
-  return /* @__PURE__ */ jsx2(Button2, { variant: "danger", onClick: () => onDeleteClick(), children: title });
-};
-var DeleteButton_default = DeleteButton;
-
-// 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,
-  setShow,
-  children,
-  onClose,
-  scrollable = false
-}) => {
-  const handleClose = () => {
-    setShow(false);
-    if (onClose) onClose();
-  };
-  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 as useState6, useRef as useRef3 } from "react";
-import { Badge, Overlay, Tooltip } from "react-bootstrap";
-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] = 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();
-    try {
-      await navigator.clipboard.writeText(uuid);
-    } catch (e2) {
-      const ta = document.createElement("textarea");
-      ta.value = uuid;
-      document.body.appendChild(ta);
-      ta.select();
-      document.execCommand("copy");
-      document.body.removeChild(ta);
-    }
-    setCopied(true);
-    setTimeout(() => setCopied(false), 1500);
-  };
-  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
-    /* @__PURE__ */ jsxs9(
-      Badge,
-      {
-        ref,
-        bg,
-        text: textColor,
-        pill: true,
-        className: "border px-2 py-1",
-        style: { cursor: "pointer", fontFamily: "monospace", fontSize: "0.8rem", userSelect: "none" },
-        onClick: handleCopy,
-        onMouseEnter: () => setShowTooltip(true),
-        onMouseLeave: () => {
-          setShowTooltip(false);
-          setCopied(false);
-        },
-        children: [
-          shortId,
-          "\u2026"
-        ]
-      }
-    ),
-    /* @__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__ */ jsx14("br", {}),
-      /* @__PURE__ */ jsx14("small", { className: "text-muted", children: "Clique para copiar" })
-    ] }) }) })
-  ] });
-};
-var UuidPill_default = UuidPill;
-
-// src/displays/GenericDisplay.tsx
-import React8, { useState as useState7, useEffect as useEffect3 } from "react";
-import { Col, Container, Row } from "react-bootstrap";
-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;
-    this.style = style;
-    this.onClick = onClick;
-    this.onBlur = onBlur;
-    this.onHideClick = onHideClick;
-    this.hidden = hidden;
-    this.mapData = mapData;
-    this.additionalComponents = additionalComponents || [];
-  }
-};
-var getRightConfigObjects = (currentPropertieMap, configObjects) => {
-  const curreDotNotation = currentPropertieMap.join(".");
-  if (!configObjects) return [];
-  return configObjects.filter((configObject) => configObject.dotNotation === curreDotNotation);
-};
-var getStyle = (configObjects) => {
-  let styleObject = {};
-  configObjects.forEach((configObject) => {
-    styleObject = { ...styleObject, ...configObject.style };
-  });
-  return styleObject;
-};
-var getAdditionalComponentes = (configObjects) => {
-  const components = [];
-  configObjects.forEach((configObject) => {
-    if (configObject.additionalComponents) {
-      components.push(...configObject.additionalComponents);
-    }
-  });
-  return components;
-};
-var getOnClick = (configObjects) => {
-  return () => {
-    configObjects.forEach((configObject) => {
-      configObject.onClick && configObject.onClick();
-    });
-  };
-};
-var buildData = (obj, propertiesMap, configObjects, opn, innerArray, dispatch, isRoot, editButtonRenderer) => {
-  const newPropertiesMap = [];
-  if (opn) newPropertiesMap.push(...propertiesMap, opn);
-  else newPropertiesMap.push(...propertiesMap);
-  const innerConfigs = getRightConfigObjects(newPropertiesMap, configObjects);
-  const styles = getStyle(innerConfigs);
-  const onClick = getOnClick(innerConfigs);
-  const extraComponents = getAdditionalComponentes(innerConfigs);
-  if (Array.isArray(obj)) {
-    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__ */ 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__ */ jsxs10(
-      Container,
-      {
-        onClick,
-        style: {
-          border: innerArray ? "solid" : void 0,
-          borderColor: "lightgray",
-          borderRadius: innerArray ? 4 : 2,
-          borderWidth: 1,
-          padding: 4,
-          ...styles
-        },
-        children: [
-          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__ */ jsx15(React8.Fragment, { children: comp() }, i)) : isRoot && editButtonRenderer ? editButtonRenderer(obj, opn) : null
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs10(Col, { children: [
-    /* @__PURE__ */ jsxs10("strong", { children: [
-      opn,
-      ": "
-    ] }),
-    String(obj)
-  ] });
-};
-var GenericDisplay = ({
-  ops = [],
-  loadFunc,
-  configObjects,
-  rootName,
-  context,
-  onRefresh,
-  editButtonRenderer
-}) => {
-  const [innerOptions, setInnerOptions] = useState7();
-  const refreshFunc = () => {
-    if (loadFunc) {
-      loadFunc().then((res) => {
-        if (Array.isArray(res)) {
-          setInnerOptions(res);
-        } else {
-          setInnerOptions([res]);
-        }
-      });
-    } else {
-      setInnerOptions(ops);
-    }
-  };
-  useEffect3(() => {
-    if (onRefresh) {
-      onRefresh(refreshFunc);
-    } else {
-      refreshFunc();
-    }
-  }, [context]);
-  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 useState8 } from "react";
-import {
-  Button as Button10,
-  Card,
-  Col as Col2,
-  Form as Form4,
-  Row as Row2,
-  Spinner as Spinner4,
-  Badge as Badge2,
-  InputGroup
-} from "react-bootstrap";
-import { FiMail, FiSearch, FiUser, FiX, FiPlus, FiSend } from "react-icons/fi";
-import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
-var MailSender = ({
-  htmlContent,
-  companyName,
-  onFetchEmails,
-  onSendEmail,
-  hide = false,
-  renderTrigger
-}) => {
-  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 {
-      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__ */ jsx18(Button10, { disabled: loading, className: "w-100", onClick: handleOpen, children: loading ? "Carregando..." : "Enviar por E-mail" });
-  }
-  return /* @__PURE__ */ jsxs13(
-    "div",
-    {
-      style: {
-        backgroundColor: "#f8f9fa",
-        borderRadius: "12px",
-        overflow: "hidden",
-        border: "1px solid #dee2e6",
-        boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)"
-      },
-      children: [
-        /* @__PURE__ */ jsx18(
-          "div",
-          {
-            style: {
-              background: "linear-gradient(135deg, #28a745 0%, #20c997 100%)",
-              color: "white",
-              padding: "25px"
-            },
-            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__ */ jsxs13("small", { style: { opacity: "0.9", fontSize: "14px" }, children: [
-                  "Selecione os destinat\xE1rios para envio do relat\xF3rio de ",
-                  companyName
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs13("div", { className: "d-flex gap-2", children: [
-                /* @__PURE__ */ jsx18(
-                  Button10,
-                  {
-                    variant: "light",
-                    onClick: sendEmail,
-                    disabled: selectedEmails.length === 0 || postLoading,
-                    style: {
-                      borderRadius: "8px",
-                      fontWeight: "600",
-                      minWidth: "130px",
-                      height: "40px"
-                    },
-                    children: postLoading ? /* @__PURE__ */ jsxs13(Fragment6, { children: [
-                      /* @__PURE__ */ jsx18(Spinner4, { size: "sm", className: "me-2" }),
-                      "Enviando..."
-                    ] }) : /* @__PURE__ */ jsxs13(Fragment6, { children: [
-                      /* @__PURE__ */ jsx18(FiSend, { className: "me-2", size: 14 }),
-                      "Enviar E-mail"
-                    ] })
-                  }
-                ),
-                /* @__PURE__ */ jsx18(
-                  Button10,
-                  {
-                    variant: "outline-light",
-                    onClick: () => setOpened(false),
-                    disabled: postLoading,
-                    style: { borderRadius: "8px", width: "40px", height: "40px" },
-                    children: /* @__PURE__ */ jsx18(FiX, { size: 16 })
-                  }
-                )
-              ] })
-            ] })
-          }
-        ),
-        /* @__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...",
-                      value: searchFilter,
-                      onChange: (e) => setSearchFilter(e.target.value),
-                      style: { border: "1px solid #dee2e6" }
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__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__ */ jsxs13(Fragment6, { children: [
-                    /* @__PURE__ */ jsx18(FiX, { className: "me-1", size: 14 }),
-                    "Cancelar"
-                  ] }) : /* @__PURE__ */ jsxs13(Fragment6, { children: [
-                    /* @__PURE__ */ jsx18(FiPlus, { className: "me-1", size: 14 }),
-                    "E-mail Personalizado"
-                  ] })
-                }
-              ) })
-            ] }),
-            addingEmail && /* @__PURE__ */ jsxs13(
-              "div",
-              {
-                style: {
-                  marginTop: "20px",
-                  padding: "20px",
-                  backgroundColor: "#f8f9ff",
-                  borderRadius: "8px",
-                  border: "1px solid #e3f2fd"
-                },
-                children: [
-                  /* @__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",
-                          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__ */ jsx18(Form4.Control.Feedback, { type: "invalid", children: emailError })
-                    ] }),
-                    /* @__PURE__ */ jsx18(Col2, { md: 4, children: /* @__PURE__ */ jsxs13(
-                      Button10,
-                      {
-                        variant: "success",
-                        onClick: handleEmailAdd,
-                        disabled: postLoading,
-                        style: { borderRadius: "8px", width: "100%" },
-                        children: [
-                          /* @__PURE__ */ jsx18(FiPlus, { className: "me-1", size: 14 }),
-                          "Adicionar"
-                        ]
-                      }
-                    ) })
-                  ] })
-                ]
-              }
-            )
-          ] }) }),
-          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__ */ jsx18("div", { className: "d-flex flex-wrap gap-2", children: selectedEmails.map((email, index) => /* @__PURE__ */ jsxs13(
-              "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__ */ jsx18(FiUser, { size: 12, className: "me-2", color: "#1976d2" }),
-                  /* @__PURE__ */ jsx18("span", { children: email.email || email }),
-                  /* @__PURE__ */ jsx18(
-                    Button10,
-                    {
-                      variant: "link",
-                      size: "sm",
-                      onClick: () => handleEmailRemove(email),
-                      disabled: postLoading,
-                      style: {
-                        padding: "0 0 0 8px",
-                        color: "#dc3545",
-                        textDecoration: "none",
-                        fontSize: "16px"
-                      },
-                      children: /* @__PURE__ */ jsx18(FiX, { size: 14 })
-                    }
-                  )
-                ]
-              },
-              index
-            )) })
-          ] }) }),
-          /* @__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__ */ 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]),
-                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__ */ jsxs13(Card.Body, { style: { padding: "15px", textAlign: "center" }, children: [
-                  /* @__PURE__ */ jsx18(FiMail, { size: 20, color: "#007bff", className: "mb-2" }),
-                  /* @__PURE__ */ jsx18(
-                    "div",
-                    {
-                      style: {
-                        fontSize: "14px",
-                        fontWeight: "500",
-                        color: "#2c3e50",
-                        wordBreak: "break-word"
-                      },
-                      children: email.email
-                    }
-                  )
-                ] })
-              }
-            ) }, email.email)) })
-          ] }) })
-        ] })
-      ]
-    }
-  );
-};
-
-// 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 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] = useState10({});
-  const [errors, setErrors] = useState10({});
-  const handleChange = (key, value) => {
-    setFormValues({
-      ...formValues,
-      [key]: value
-    });
-  };
-  const validate = () => {
-    const newErrors = {};
-    fields.forEach((field) => {
-      if (field.required && !formValues[field.key]) {
-        newErrors[field.key] = `${field.label} \xE9 obrigat\xF3rio`;
-      }
-    });
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    if (validate()) {
-      onSubmit(formValues);
-    }
-  };
-  const renderField = (field) => {
-    const { label, key, type, options, placeholder } = field;
-    const value = formValues[key] || "";
-    switch (type) {
-      case "text":
-      case "number":
-        return /* @__PURE__ */ jsxs15(Form6.Group, { className: "mb-3", children: [
-          /* @__PURE__ */ jsx20(Form6.Label, { children: label }),
-          /* @__PURE__ */ jsx20(
-            Form6.Control,
-            {
-              type,
-              placeholder,
-              value,
-              onChange: (e) => handleChange(key, e.target.value),
-              isInvalid: !!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__ */ 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__ */ jsx20("option", { value: "", children: "Selecione..." }),
-                orderedOptions.map((option) => /* @__PURE__ */ jsx20("option", { value: option.value, children: option.label }, String(option.value)))
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx20(Form6.Control.Feedback, { type: "invalid", children: errors[key] })
-        ] }, key);
-      }
-      case "custom-select":
-        if (renderCustomSelect) {
-          return /* @__PURE__ */ jsxs15("div", { children: [
-            renderCustomSelect({
-              label,
-              value,
-              options,
-              onChange: (v) => handleChange(key, v),
-              placeholder
-            }),
-            errors[key] && /* @__PURE__ */ jsx20("div", { className: "invalid-feedback d-block", children: errors[key] })
-          ] }, key);
-        }
-        return null;
-      case "date":
-        return /* @__PURE__ */ jsxs15(Form6.Group, { className: "mb-3", children: [
-          /* @__PURE__ */ jsx20(Form6.Label, { children: label }),
-          /* @__PURE__ */ jsx20(
-            Form6.Control,
-            {
-              type: "date",
-              value,
-              onChange: (e) => handleChange(key, e.target.value),
-              isInvalid: !!errors[key]
-            }
-          ),
-          /* @__PURE__ */ jsx20(Form6.Control.Feedback, { type: "invalid", children: errors[key] })
-        ] }, key);
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ jsxs15(Form6, { onSubmit: handleSubmit, children: [
-    fields.map((field) => renderField(field)),
-    /* @__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 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;
-    this.title = title;
-    this.onChange = onChange;
-    this.ops = ops;
-    this.selection = selection;
-    this.returnType = returnType;
-    this.displayType = displayType;
-    this.filter = filter;
-    this.filterField = filterField;
-    this.valueType = valueType;
-    this.loadFunc = loadFunc;
-    this.loadCondition = loadCondition;
-    this.actionClick = actionClick;
-    this.locked = locked;
-  }
-};
-var GenericSelect = ({
-  noLabel,
-  title,
-  onChange,
-  ops,
-  selection,
-  returnType,
-  displayType,
-  filter,
-  filterField,
-  valueType,
-  loadFunc,
-  loadCondition = true,
-  actionClick,
-  locked,
-  isBold,
-  ...restProps
-}) => {
-  const [options, setOptions] = useState11(ops || []);
-  useEffect5(() => {
-    const loadFunction = async () => {
-      if (loadCondition && loadFunc) {
-        loadFunc().then((res) => {
-          let newOps = res.content ? res.content : res;
-          if (filter && filterField) {
-            newOps = res.filter((op) => op[filterField] == filter);
-          }
-          setOptions(newOps);
-        });
-      }
-    };
-    loadFunction().catch((error) => console.log(error));
-  }, [loadCondition]);
-  const getTrueValue = (clickedIndex) => {
-    const returnValue = options.filter((_op, index) => index == clickedIndex - 1)[0];
-    if (returnType == "index") {
-      onChange(clickedIndex);
-    } else if (returnType) {
-      onChange(returnValue[returnType]);
-    } else {
-      onChange(returnValue);
-    }
-  };
-  const defaultPlaceholder = (restProps == null ? void 0 : restProps.default) || "Seleciona uma Op\xE7\xE3o";
-  const selectContent = /* @__PURE__ */ jsxs16(
-    Form7.Control,
-    {
-      disabled: locked,
-      as: "select",
-      value: selection,
-      onChange: (event) => getTrueValue(event.target.selectedIndex),
-      children: [
-        /* @__PURE__ */ jsxs16("option", { value: void 0, children: [
-          "-- ",
-          defaultPlaceholder,
-          " --"
-        ] }, 0),
-        (options == null ? void 0 : options.length) > 0 && options.map((op, index) => {
-          const val = valueType && op[valueType] || op.id || op;
-          let fill = displayType && op[displayType] || op;
-          if (typeof fill == "object") fill = "";
-          return /* @__PURE__ */ jsx21("option", { value: val, children: fill }, op.id || index);
-        })
-      ]
-    }
-  );
-  if (actionClick) {
-    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__ */ 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,
-  StatusBadge,
-  StatusIndicator,
-  Switch,
-  SwitchOnClick,
-  UploadArea,
-  UuidPill_default as UuidPill,
-  VerticalItemsDisplay
-};