teraprox-ui-kit 0.1.10 → 0.2.1

package/dist/index.js

@@ -33,11 +33,16 @@ __export(index_exports, {
   ActionButtons: () => ActionButtons,
   AddButton: () => AddButton_default,
   AdvancedFilterBar: () => AdvancedFilterBar,
+  AnexoManager: () => import_ui_kit_core.AnexoManager,
   ApproveAndReproveButtons: () => ApproveAndReproveButtons,
   AsyncButton: () => AsyncButton,
   AutoComplete: () => AutoComplete,
   BonusButton: () => BonusButton,
+  BranchDropDisplay: () => import_ui_kit_sgm.BranchDropDisplay,
   ButtonWithDropdown: () => ButtonWithDropdown,
+  CalculadoraCorrecaoModal: () => import_ui_kit_sgp.CalculadoraCorrecaoModal,
+  CalculoCorrecao: () => import_ui_kit_sgp.CalculoCorrecao,
+  CampoDeVerificacaoV2: () => import_ui_kit_sgp.CampoDeVerificacaoV2,
   CheckBox: () => CheckBox,
   ClickToWriteField: () => ClickToWriteField,
   ColorPicker: () => ColorPicker,
@@ -45,8 +50,9 @@ __export(index_exports, {
   DeleteButton: () => DeleteButton_default,
   DeleteConfirm: () => DeleteConfirm,
   ExpandableCard: () => ExpandableCard,
-  FindRecursoByTagField: () => FindRecursoByTagField,
+  FindRecursoByTagField: () => import_ui_kit_sgm3.FindRecursoByTagField,
   FormField: () => FormField,
+  FrequenciaFormV2: () => import_ui_kit_sgp.FrequenciaFormV2,
   Generic3DotMenu: () => Generic3DotMenu,
   GenericChart: () => GenericChart,
   GenericDisplay: () => GenericDisplay_default,
@@ -69,7 +75,8 @@ __export(index_exports, {
   PeriodSelector: () => PeriodSelector,
   QrCodeScanButton: () => QrCodeScanButton,
   QrReader: () => QrReader,
-  RecursoDisplayer: () => RecursoDisplayer,
+  RateLimitBar: () => RateLimitBar,
+  RecursoDisplayer: () => import_ui_kit_sgm2.RecursoDisplayer,
   ResponsiveContainer: () => ResponsiveContainer_default,
   ReusableTableWithModal: () => ReusableTableWithModal,
   SectorSelector: () => SectorSelector,
@@ -80,9 +87,12 @@ __export(index_exports, {
   StatusPills: () => StatusPills,
   Switch: () => Switch,
   SwitchOnClick: () => SwitchOnClick,
+  TarefaUnidadeForm: () => import_ui_kit_sgp.TarefaUnidadeForm,
   TextWithMore: () => TextWithMore,
   TimerDisplay: () => TimerDisplay,
+  UnidadeMaterialCard: () => import_ui_kit_sgp.UnidadeMaterialCard,
   UnidadeMaterialForm: () => UnidadeMaterialForm,
+  UnifiedPeriodSelector: () => UnifiedPeriodSelector,
   UploadArea: () => UploadArea,
   UuidPill: () => UuidPill_default,
   VerticalItemsDisplay: () => VerticalItemsDisplay
@@ -105,21 +115,20 @@ var AddButton = ({ callback, hiddenBool, size }) => /* @__PURE__ */ (0, import_j
 var AddButton_default = AddButton;
 
 // src/buttons/DeleteButton.tsx
-var import_react_bootstrap2 = require("react-bootstrap");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var DeleteButton = ({ title, onDeleteClick }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_bootstrap2.Button, { variant: "danger", onClick: () => onDeleteClick(), children: title });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "btn btn-danger", onClick: () => onDeleteClick(), children: title });
 };
 var DeleteButton_default = DeleteButton;
 
 // src/buttons/ActionButtons.tsx
 var import_react2 = require("react");
-var import_react_bootstrap4 = require("react-bootstrap");
+var import_react_bootstrap3 = require("react-bootstrap");
 var import_fi = require("react-icons/fi");
 
 // src/forms/DeleteConfirm.tsx
 var import_react = require("react");
-var import_react_bootstrap3 = require("react-bootstrap");
+var import_react_bootstrap2 = require("react-bootstrap");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var DeleteConfirm = ({
   show,
@@ -141,14 +150,14 @@ var DeleteConfirm = ({
     if (!needExclusionDetails) return true;
     return exclusionDetails.length >= 8;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_bootstrap3.Modal, { show, onHide: () => onHide(false), centered: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_bootstrap3.Modal.Header, { closeButton: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_bootstrap3.Modal.Title, { children: title }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_bootstrap3.Modal.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "d-flex flex-column gap-3", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_bootstrap2.Modal, { show, onHide: () => onHide(false), centered: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_bootstrap2.Modal.Header, { closeButton: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_bootstrap2.Modal.Title, { children: title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_bootstrap2.Modal.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "d-flex flex-column gap-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: getDialogContent() }) }),
-      needExclusionDetails && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_bootstrap3.Form.Group, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_bootstrap3.Form.Label, { children: "Motivo da Exclus\xE3o (m\xEDn. 8 caracteres)" }),
+      needExclusionDetails && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_bootstrap2.Form.Group, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_bootstrap2.Form.Label, { children: "Motivo da Exclus\xE3o (m\xEDn. 8 caracteres)" }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_react_bootstrap3.Form.Control,
+          import_react_bootstrap2.Form.Control,
           {
             as: "textarea",
             rows: 3,
@@ -160,10 +169,10 @@ var DeleteConfirm = ({
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_bootstrap3.Modal.Footer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_bootstrap3.Button, { variant: "secondary", onClick: () => onHide(false), children: "Cancelar" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_bootstrap2.Modal.Footer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_bootstrap2.Button, { variant: "secondary", onClick: () => onHide(false), children: "Cancelar" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_bootstrap3.Button,
+        import_react_bootstrap2.Button,
         {
           variant: "danger",
           disabled: !isConfirmEnabled(),
@@ -230,7 +239,7 @@ var ActionButtons = ({
     if (useDelayedDelete) {
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { position: "relative", display: "inline-block", margin: 2 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-          import_react_bootstrap4.Button,
+          import_react_bootstrap3.Button,
           {
             variant: "outline-danger",
             onMouseDown: startHold,
@@ -247,7 +256,7 @@ var ActionButtons = ({
           }
         ),
         isHolding && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_react_bootstrap4.ProgressBar,
+          import_react_bootstrap3.ProgressBar,
           {
             now: progress,
             style: {
@@ -264,7 +273,7 @@ var ActionButtons = ({
       ] });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-      import_react_bootstrap4.Button,
+      import_react_bootstrap3.Button,
       {
         variant: "danger",
         onClick: () => setShowConfirm(true),
@@ -288,21 +297,21 @@ var ActionButtons = ({
         needExclusionDetails
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_bootstrap4.Form.Group, { className: "d-flex flex-wrap align-items-center mt-3 gap-1", children: [
-      onBack && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_bootstrap4.Button, { variant: "outline-secondary", onClick: onBack, disabled, style: { margin: 2 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_bootstrap3.Form.Group, { className: "d-flex flex-wrap align-items-center mt-3 gap-1", children: [
+      onBack && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_bootstrap3.Button, { variant: "outline-secondary", onClick: onBack, disabled, style: { margin: 2 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fi.FiChevronLeft, { className: "me-2" }),
         backLabel
       ] }),
-      isEditing && onCancelEdit && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_bootstrap4.Button, { variant: "warning", onClick: onCancelEdit, disabled, style: { margin: 2 }, children: [
+      isEditing && onCancelEdit && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_bootstrap3.Button, { variant: "warning", onClick: onCancelEdit, disabled, style: { margin: 2 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fi.FiRotateCcw, { className: "me-2" }),
         cancelEditLabel
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PermissionWrapper, { children: renderDeleteButton() }),
-      onSave && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_bootstrap4.Button, { variant: saveVariant, onClick: onSave, disabled, style: { margin: 2 }, children: [
+      onSave && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_bootstrap3.Button, { variant: saveVariant, onClick: onSave, disabled, style: { margin: 2 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fi.FiSave, { className: "me-2" }),
         saveLabel
       ] }),
-      isEditing && onCopy && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_bootstrap4.Button, { variant: "outline-primary", onClick: onCopy, disabled, style: { margin: 2 }, children: [
+      isEditing && onCopy && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_bootstrap3.Button, { variant: "outline-primary", onClick: onCopy, disabled, style: { margin: 2 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fi.FiCopy, { className: "me-2" }),
         copyLabel
       ] })
@@ -312,7 +321,7 @@ var ActionButtons = ({
 
 // src/buttons/ApproveAndReproveButtons.tsx
 var import_react3 = require("react");
-var import_react_bootstrap5 = require("react-bootstrap");
+var import_react_bootstrap4 = require("react-bootstrap");
 var import_gr2 = require("react-icons/gr");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var ApproveAndReproveButtons = ({
@@ -336,20 +345,20 @@ var ApproveAndReproveButtons = ({
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: headerText }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_bootstrap5.Button, { onClick: approveCallback, variant: "success", className: "me-1", children: approveText ? approveText : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_gr2.GrCheckmark, { size: buttonSize }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_bootstrap5.Button, { onClick: reproveCallback, variant: "danger", children: repproveText ? repproveText : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_gr2.GrClose, { size: buttonSize }) })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_bootstrap4.Button, { onClick: approveCallback, variant: "success", className: "me-1", children: approveText ? approveText : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_gr2.GrCheckmark, { size: buttonSize }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_bootstrap4.Button, { onClick: reproveCallback, variant: "danger", children: repproveText ? repproveText : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_gr2.GrClose, { size: buttonSize }) })
   ] });
 };
 
 // src/buttons/AsyncButton.tsx
 var import_react4 = require("react");
-var import_react_bootstrap7 = require("react-bootstrap");
+var import_react_bootstrap6 = require("react-bootstrap");
 
 // src/progress/LoadingProgress.tsx
-var import_react_bootstrap6 = require("react-bootstrap");
+var import_react_bootstrap5 = require("react-bootstrap");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var LoadingProgress = ({ hidden }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_bootstrap6.Spinner, { hidden, animation: "border", role: "status", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "visually-hidden", children: "Carregando..." }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_bootstrap5.Spinner, { hidden, animation: "border", role: "status", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "visually-hidden", children: "Carregando..." }) });
 };
 
 // src/buttons/AsyncButton.tsx
@@ -386,7 +395,7 @@ var AsyncButton = ({
 }) => {
   const { loading, execute } = useAsyncAction();
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_react_bootstrap7.Button,
+    import_react_bootstrap6.Button,
     {
       ...buttonProps,
       onClick: () => execute(onClick),
@@ -418,7 +427,7 @@ var BonusButton = ({
 };
 
 // src/buttons/ButtonWithDropdown.tsx
-var import_react_bootstrap8 = require("react-bootstrap");
+var import_react_bootstrap7 = require("react-bootstrap");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var ButtonWithDropdown = ({
   title,
@@ -429,15 +438,14 @@ var ButtonWithDropdown = ({
   toggleVariant
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    import_react_bootstrap8.Dropdown,
+    import_react_bootstrap7.Dropdown,
     {
-      as: import_react_bootstrap8.ButtonGroup,
+      as: import_react_bootstrap7.ButtonGroup,
       className: "d-flex w-100",
       style: { flex: 1, minWidth: 0 },
-      menuVariant,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          import_react_bootstrap8.Button,
+          import_react_bootstrap7.Button,
           {
             variant,
             onClick: onClickButton,
@@ -447,7 +455,7 @@ var ButtonWithDropdown = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          import_react_bootstrap8.Dropdown.Toggle,
+          import_react_bootstrap7.Dropdown.Toggle,
           {
             split: true,
             variant: toggleVariant || variant,
@@ -462,14 +470,14 @@ var ButtonWithDropdown = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap8.Dropdown.Menu, { children: options.map((opt, idx) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap8.Dropdown.Item, { onClick: opt.callback, children: opt.label }, `${opt.label}-${idx}`)) })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap7.Dropdown.Menu, { variant: menuVariant, children: options.map((opt, idx) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap7.Dropdown.Item, { onClick: opt.callback, children: opt.label }, `${opt.label}-${idx}`)) })
       ]
     }
   );
 };
 
 // src/buttons/CheckBox.tsx
-var import_react_bootstrap9 = require("react-bootstrap");
+var import_react_bootstrap8 = require("react-bootstrap");
 var import_ti = require("react-icons/ti");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var CheckBox = ({
@@ -483,10 +491,10 @@ var CheckBox = ({
   className = ""
 }) => {
   if (isHover) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className, children: opcoes.map((opcao, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_bootstrap9.InputGroup, { style: { padding: 12, justifyItems: "center", opacity: disabled ? 0.5 : 1, pointerEvents: disabled ? "none" : "auto" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap9.InputGroup.Checkbox, {}),
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className, children: opcoes.map((opcao, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_bootstrap8.InputGroup, { style: { padding: 12, justifyItems: "center", opacity: disabled ? 0.5 : 1, pointerEvents: disabled ? "none" : "auto" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap8.InputGroup.Checkbox, {}),
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        import_react_bootstrap9.Form.Control,
+        import_react_bootstrap8.Form.Control,
         {
           autoFocus: true,
           onKeyDown: (event) => enterEvent && enterEvent(event, index, opcao),
@@ -499,7 +507,7 @@ var CheckBox = ({
     ] }, index)) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className, style: { textAlign: "start" }, children: opcoes.map((opcao, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_react_bootstrap9.Form.Check,
+    import_react_bootstrap8.Form.Check,
     {
       disabled,
       type: "checkbox",
@@ -511,7 +519,7 @@ var CheckBox = ({
 
 // src/buttons/Generic3DotMenu.tsx
 var import_react5 = require("react");
-var import_react_bootstrap10 = require("react-bootstrap");
+var import_react_bootstrap9 = require("react-bootstrap");
 var import_ci = require("react-icons/ci");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var MenuEvent = class {
@@ -552,14 +560,14 @@ var Generic3DotMenu = ({
   }, {});
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ci.CiMenuKebab, { onClick: handleShow, style: { cursor: "pointer" }, size: 25, title: tittle }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_bootstrap10.Modal, { show, onHide: handleClose, centered: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap10.Modal.Header, { closeButton: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap10.Modal.Title, { children: tittle }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_bootstrap10.Modal.Body, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_bootstrap9.Modal, { show, onHide: handleClose, centered: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap9.Modal.Header, { closeButton: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap9.Modal.Title, { children: tittle }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_bootstrap9.Modal.Body, { children: [
         Object.keys(groupedEvents).length === 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-center text-muted", children: "Nenhuma op\xE7\xE3o dispon\xEDvel." }),
         Object.keys(groupedEvents).map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "mb-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h6", { className: "border-bottom pb-2 mb-3", children: section !== "default" ? section : "Op\xE7\xF5es Principais" }),
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "d-grid gap-2", children: groupedEvents[section].map((event, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-            import_react_bootstrap10.Button,
+            import_react_bootstrap9.Button,
             {
               variant: event.variant || "primary",
               onClick: () => {
@@ -572,13 +580,13 @@ var Generic3DotMenu = ({
           )) })
         ] }, sectionIndex))
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap10.Modal.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap10.Button, { variant: "secondary", onClick: handleClose, children: "Fechar" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap9.Modal.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap9.Button, { variant: "secondary", onClick: handleClose, children: "Fechar" }) })
     ] })
   ] });
 };
 
 // src/buttons/LoadingButton.tsx
-var import_react_bootstrap11 = require("react-bootstrap");
+var import_react_bootstrap10 = require("react-bootstrap");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var LoadingButton = ({
   onClick,
@@ -593,7 +601,7 @@ var LoadingButton = ({
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_react_bootstrap11.Button,
+    import_react_bootstrap10.Button,
     {
       variant,
       size,
@@ -604,7 +612,7 @@ var LoadingButton = ({
       ...props,
       children: loading ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "align-items-center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_react_bootstrap11.Spinner,
+          import_react_bootstrap10.Spinner,
           {
             as: "span",
             animation: "border",
@@ -624,7 +632,7 @@ var LoadingButton = ({
 };
 
 // src/buttons/NavigateButton.tsx
-var import_react_bootstrap12 = require("react-bootstrap");
+var import_react_bootstrap11 = require("react-bootstrap");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var NavigateButton = ({
   displayName,
@@ -644,7 +652,7 @@ var NavigateButton = ({
     navigator2(path, config, pageName);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_react_bootstrap12.Button,
+    import_react_bootstrap11.Button,
     {
       style,
       variant,
@@ -656,7 +664,7 @@ var NavigateButton = ({
 };
 
 // src/buttons/StatusBadge.tsx
-var import_react_bootstrap13 = require("react-bootstrap");
+var import_react_bootstrap12 = require("react-bootstrap");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var StatusBadge = ({
   status,
@@ -674,9 +682,9 @@ var StatusBadge = ({
     CANCELED: "bg-danger text-white"
   };
   const badgeClass = statusClasses[status] || "bg-secondary text-white";
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "d-flex align-items-center gap-2", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_bootstrap13.Spinner, { animation: "border", size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "d-flex align-items-center gap-2", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_bootstrap12.Spinner, { animation: "border", size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
     showCheckbox && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      import_react_bootstrap13.Form.Check,
+      import_react_bootstrap12.Form.Check,
       {
         type: "checkbox",
         checked,
@@ -825,7 +833,7 @@ var GenericREchart = ({
 };
 
 // src/containers/ResponsiveContainer.tsx
-var import_react_bootstrap14 = require("react-bootstrap");
+var import_react_bootstrap13 = require("react-bootstrap");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var ResponsiveContainer2 = ({
   title,
@@ -839,16 +847,16 @@ var ResponsiveContainer2 = ({
     setShow(false);
     if (onClose) onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_bootstrap14.Modal, { size: "lg", show, onHide: handleClose, scrollable, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_bootstrap14.Modal.Header, { closeButton: true, onClick: handleClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_bootstrap14.ModalBody, { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_bootstrap13.Modal, { size: "lg", show, onHide: handleClose, scrollable, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_bootstrap13.Modal.Header, { closeButton: true, onClick: handleClose, children: title && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_bootstrap13.Modal.Title, { children: title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_bootstrap13.ModalBody, { children })
   ] });
 };
 var ResponsiveContainer_default = ResponsiveContainer2;
 
 // src/containers/ExpandableCard.tsx
 var import_react7 = require("react");
-var import_react_bootstrap15 = require("react-bootstrap");
+var import_react_bootstrap14 = require("react-bootstrap");
 var import_fa2 = require("react-icons/fa");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var ExpandableCard = ({
@@ -871,15 +879,15 @@ var ExpandableCard = ({
   const renderContentWithToggle = (content) => {
     return content;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_bootstrap15.Card, { className: `expandable-card ${cardClassName}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_bootstrap14.Card, { className: `expandable-card ${cardClassName}`, children: [
     leftSideContent && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "expandable-card-left-side", children: leftSideContent }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_bootstrap15.Card.Body, { className: `expandable-card-body ${cardBodyClassName}`, style: cardBodyStyle, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_bootstrap15.ListGroup, { variant: "flush", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_bootstrap14.Card.Body, { className: `expandable-card-body ${cardBodyClassName}`, style: cardBodyStyle, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_bootstrap14.ListGroup, { variant: "flush", children: [
       visibleItems.map((item, index) => {
         const isObject = typeof item === "object" && item !== null && "content" in item;
         const itemObj = isObject ? item : { content: item };
         const clickableClass = itemObj.clickable ? "expandable-card-list-item-clickable" : "";
         return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_react_bootstrap15.ListGroup.Item,
+          import_react_bootstrap14.ListGroup.Item,
           {
             className: `expandable-card-list-item ${clickableClass}`,
             children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "expandable-card-item", children: [
@@ -897,7 +905,7 @@ var ExpandableCard = ({
         );
       }),
       shouldShowExpandButton && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        import_react_bootstrap15.ListGroup.Item,
+        import_react_bootstrap14.ListGroup.Item,
         {
           className: `expandable-card-toggle ${expandedCard ? "expanded" : ""}`,
           onClick: handleToggleExpandCard,
@@ -911,7 +919,7 @@ var ExpandableCard = ({
 
 // src/displays/UuidPill.tsx
 var import_react8 = require("react");
-var import_react_bootstrap16 = require("react-bootstrap");
+var import_react_bootstrap15 = require("react-bootstrap");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var UuidPill = ({ uuid, bg = "light", textColor = "dark", short = 8 }) => {
   const [copied, setCopied] = (0, import_react8.useState)(false);
@@ -936,7 +944,7 @@ var UuidPill = ({ uuid, bg = "light", textColor = "dark", short = 8 }) => {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-      import_react_bootstrap16.Badge,
+      import_react_bootstrap15.Badge,
       {
         ref,
         bg,
@@ -956,7 +964,7 @@ var UuidPill = ({ uuid, bg = "light", textColor = "dark", short = 8 }) => {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_bootstrap16.Overlay, { target: ref.current, show: showTooltip, placement: "top", children: (props) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_bootstrap16.Tooltip, { ...props, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: { color: "#6f6" }, children: "Copiado!" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { style: { fontFamily: "monospace", fontSize: "0.75rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_bootstrap15.Overlay, { target: ref.current, show: showTooltip, placement: "top", children: (props) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_bootstrap15.Tooltip, { ...props, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: { color: "#6f6" }, children: "Copiado!" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { style: { fontFamily: "monospace", fontSize: "0.75rem" }, children: [
       uuid,
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("small", { className: "text-muted", children: "Clique para copiar" })
@@ -967,7 +975,7 @@ var UuidPill_default = UuidPill;
 
 // src/displays/GenericDisplay.tsx
 var import_react9 = __toESM(require("react"));
-var import_react_bootstrap17 = require("react-bootstrap");
+var import_react_bootstrap16 = require("react-bootstrap");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var ConfigObject = class {
   constructor(dotNotation, style, onClick, onBlur, onHideClick, hidden, mapData, additionalComponents) {
@@ -1018,17 +1026,17 @@ var buildData = (obj, propertiesMap, configObjects, opn, innerArray, dispatch, i
   const onClick = getOnClick(innerConfigs);
   const extraComponents = getAdditionalComponentes(innerConfigs);
   if (Array.isArray(obj)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_bootstrap17.Container, { onClick, style: { ...styles }, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_bootstrap16.Container, { onClick, style: { ...styles }, children: [
       opn && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("strong", { children: opn }) }),
       obj.map((o, index) => {
         const mapCopy = [...newPropertiesMap, `[${index}]`];
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_bootstrap17.Row, { style: { padding: 4, ...styles }, children: buildData(o, mapCopy, configObjects, null, true, null, false, editButtonRenderer) }, index);
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_bootstrap16.Row, { style: { padding: 4, ...styles }, children: buildData(o, mapCopy, configObjects, null, true, null, false, editButtonRenderer) }, index);
       })
     ] });
   }
   if (typeof obj === "object" && obj != null) {
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-      import_react_bootstrap17.Container,
+      import_react_bootstrap16.Container,
       {
         onClick,
         style: {
@@ -1049,7 +1057,7 @@ var buildData = (obj, propertiesMap, configObjects, opn, innerArray, dispatch, i
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_bootstrap17.Col, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_bootstrap16.Col, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("strong", { children: [
       opn,
       ": "
@@ -1087,12 +1095,72 @@ var GenericDisplay = ({
       refreshFunc();
     }
   }, [context]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: innerOptions && innerOptions.map((cObj, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_bootstrap17.Container, { style: { padding: 4, border: "solid" }, children: buildData(cObj, [], configObjects, rootName || null, false, null, true, editButtonRenderer) }, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: innerOptions && innerOptions.map((cObj, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_bootstrap16.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
+// src/displays/BranchDropDisplay.tsx
+var import_ui_kit_sgm = require("@teraprox/ui-kit-sgm");
+
+// src/displays/RateLimitBar.tsx
+var import_react10 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
+function formatResetIn(windowReset) {
+  const resetAt = new Date(windowReset).getTime();
+  const remaining = Math.max(0, Math.round((resetAt - Date.now()) / 1e3));
+  if (remaining <= 0) return "agora";
+  if (remaining < 60) return `${remaining}s`;
+  return `${Math.round(remaining / 60)}min`;
+}
+var RateLimitBar = ({ entry, label, className }) => {
+  const pct = (0, import_react10.useMemo)(() => {
+    if (!entry || entry.limit <= 0) return 0;
+    return Math.min(100, Math.round(entry.used / entry.limit * 100));
+  }, [entry]);
+  if (!entry) return null;
+  const color = entry.exceeded || pct >= 90 ? "#dc3545" : pct >= 70 ? "#ffc107" : "#28a745";
+  const containerStyle = {
+    width: "100%",
+    marginBottom: "4px"
+  };
+  const barTrackStyle = {
+    height: "6px",
+    width: "100%",
+    backgroundColor: "#e9ecef",
+    borderRadius: "3px",
+    overflow: "hidden"
+  };
+  const barFillStyle = {
+    height: "100%",
+    width: `${pct}%`,
+    backgroundColor: color,
+    borderRadius: "3px",
+    transition: "width 0.3s ease, background-color 0.3s ease"
+  };
+  const textStyle = {
+    fontSize: "11px",
+    color: "#6c757d",
+    display: "flex",
+    justifyContent: "space-between",
+    marginBottom: "2px"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: containerStyle, className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: textStyle, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { children: [
+        entry.used,
+        "/",
+        entry.limit,
+        " req",
+        entry.exceeded ? " \u2014 limite atingido" : ` (reset em ${formatResetIn(entry.windowReset)})`
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: barTrackStyle, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: barFillStyle }) })
+  ] });
+};
+
+// src/displays/StatusIndicator.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var StatusIndicator = ({
   status,
   count,
@@ -1107,14 +1175,14 @@ var StatusIndicator = ({
     naoAtribuida: "N\xC3O ATRIBUIDA"
   };
   const label = statusLabels[status] || status.toUpperCase();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: `status-flag ${status} ${containerClassName}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "status-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "status-count", children: count })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: `status-flag ${status} ${containerClassName}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "status-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "status-count", children: count })
   ] });
 };
 
 // src/displays/VerticalItemsDisplay.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var VerticalItemsDisplay = ({
   item1 = "",
   item2 = "",
@@ -1122,15 +1190,15 @@ var VerticalItemsDisplay = ({
   className = "",
   style
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: item1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: item2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: item3 })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: item1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: item2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: item3 })
   ] });
 };
 
 // src/displays/StatusLight.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var StatusLight = ({
   active = false,
   activeLightColor = "green",
@@ -1140,7 +1208,7 @@ var StatusLight = ({
   style
 }) => {
   const color = active ? activeLightColor : inactiveLightColor;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "div",
     {
       className,
@@ -1162,7 +1230,7 @@ var import_dayjs2 = __toESM(require("dayjs"));
 var import_duration = __toESM(require("dayjs/plugin/duration"));
 var import_bi = require("react-icons/bi");
 var import_bs = require("react-icons/bs");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 import_dayjs2.default.extend(import_duration.default);
 var TimerDisplay = ({
   id,
@@ -1192,8 +1260,8 @@ var TimerDisplay = ({
     const secondsRemaining = time.seconds().toString().padStart(2, "0");
     return days > 0 ? `${days}d ${hours}:${minutes}:${secondsRemaining}` : `${hours}:${minutes}:${secondsRemaining}`;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "timer-display-container", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "timer-display-content", children: id ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "timer-display-container", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "timer-display-content", children: id ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       import_bi.BiTimer,
       {
         size: 24,
@@ -1201,7 +1269,7 @@ var TimerDisplay = ({
         title: "Timer"
       }
     ),
-    pausable && !isStopped && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    pausable && !isStopped && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       import_bs.BsPause,
       {
         size: 20,
@@ -1210,7 +1278,7 @@ var TimerDisplay = ({
         title: "Pausar"
       }
     ),
-    playable && !isStopped && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    playable && !isStopped && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       import_bs.BsPlay,
       {
         size: 20,
@@ -1219,588 +1287,61 @@ var TimerDisplay = ({
         title: "Iniciar"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "timer-display-time", children: formatDuration(tempo) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "timer-display-message", children: emptyMessage }) }) });
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "timer-display-time", children: formatDuration(tempo) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "timer-display-message", children: emptyMessage }) }) });
 };
 
 // src/displays/RecursoDisplayer.tsx
-var import_react14 = require("react");
-var import_react_bootstrap19 = require("react-bootstrap");
-
-// src/forms/FindRecursoByTagField.tsx
-var import_react13 = require("react");
-var import_gr4 = require("react-icons/gr");
+var import_ui_kit_sgm2 = require("@teraprox/ui-kit-sgm");
 
-// src/forms/AutoComplete.tsx
-var import_react10 = require("react");
-var import_react_bootstrap18 = require("react-bootstrap");
-var import_jsx_runtime26 = require("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
+// src/filters/StatusPills.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var StatusPills = ({
+  statuses,
+  activeKeys,
+  onSelectionChange,
+  multiSelect = true,
+  className = ""
 }) => {
-  const [liItem, setListItem] = (0, import_react10.useState)([]);
-  const [options, setOptions] = (0, import_react10.useState)([]);
-  const [input, setInput] = (0, import_react10.useState)("");
-  const [hide, setHide] = (0, import_react10.useState)(true);
-  const [onLoaded, setOnLoaded] = (0, import_react10.useState)(false);
-  const [loading, setLoading] = (0, import_react10.useState)(false);
-  const cacheStore = (0, import_react10.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])));
-  };
-  (0, import_react10.useEffect)(() => {
-    setInput(value || "");
-  }, [value]);
-  (0, import_react10.useEffect)(() => {
-    const sortedOptions = sortOptions(ops, sortKey);
-    setListItem(sortedOptions);
-    setOptions(sortedOptions);
-  }, [ops, sortKey]);
-  (0, import_react10.useEffect)(() => {
-    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);
+  const toggleKey = (key) => {
+    const isActive = activeKeys.includes(key);
+    if (multiSelect) {
+      if (isActive) {
+        onSelectionChange(activeKeys.filter((k) => k !== key));
+      } else {
+        onSelectionChange([...activeKeys, key]);
       }
-    };
-    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 || []);
+      onSelectionChange(isActive ? [] : [key]);
     }
-    onValueChanged == null ? void 0 : onValueChanged(val);
-    setInput(val);
-    setHide(!canSearch && options.length === 0);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-    "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);
-        }
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: `status-pills-container ${className}`, children: Object.entries(statuses).map(([key, meta]) => {
+    const isActive = activeKeys.includes(key);
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: `status-pill ${isActive ? "active" : ""}`,
+        style: { "--status-color": meta.color },
+        onClick: () => toggleKey(key),
+        "aria-pressed": isActive,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "status-pill__swatch" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "status-pill__label", children: meta.label }),
+          meta.count !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "status-pill__count", children: meta.count })
+        ]
       },
-      onMouseLeave: () => setHide(true),
-      children: [
-        !hideComponent && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_bootstrap18.InputGroup, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_bootstrap18.FloatingLabel, { controlId: "floatingInput", label: title, style: { zIndex: 0, flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-            import_react_bootstrap18.Form.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__ */ (0, import_jsx_runtime26.jsx)(import_react_bootstrap18.InputGroup.Text, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_bootstrap18.Spinner, { animation: "border", size: "sm" }) }),
-          !disableComponent && (actionButton == null ? void 0 : actionButton(() => setInput(""))),
-          !disableComponent && (actionButton2 == null ? void 0 : actionButton2(input))
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          import_react_bootstrap18.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__ */ (0, import_jsx_runtime26.jsx)(
-              import_react_bootstrap18.ListGroup.Item,
-              {
-                action: true,
-                onClick: () => {
-                  const text = getDisplayText(li);
-                  setInput(text);
-                  onSelectedClick(li, index, liItem);
-                  setHide(true);
-                },
-                children: getDisplayText(li)
-              },
-              index
-            ))
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/qr/QrCodeScanButton.tsx
-var import_react12 = require("react");
-var import_bs2 = require("react-icons/bs");
-
-// src/qr/QrReader.tsx
-var import_qr_scanner = __toESM(require("qr-scanner"));
-var import_react11 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var QrReader = ({ callback }) => {
-  const scanner = (0, import_react11.useRef)(null);
-  const videoEl = (0, import_react11.useRef)(null);
-  const qrBoxEl = (0, import_react11.useRef)(null);
-  const [qrOn, setQrOn] = (0, import_react11.useState)(true);
-  const [scannedResult, setScannedResult] = (0, import_react11.useState)("");
-  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);
-    }
-  };
-  (0, import_react11.useEffect)(() => {
-    if (videoEl.current && !scanner.current) {
-      scanner.current = new import_qr_scanner.default(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;
-      }
-    };
-  }, []);
-  (0, import_react11.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "qr-reader", style: { position: "relative", width: "100%", maxWidth: "500px", margin: "0 auto" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("video", { ref: videoEl, style: { width: "100%", borderRadius: "8px" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { ref: qrBoxEl, className: "qr-box" }),
-    scannedResult && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-      "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
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var QrCodeScanButton = ({ callback, size = 25 }) => {
-  const [showQr, setShowQr] = (0, import_react12.useState)(false);
-  const toggleQr = () => {
-    setShowQr((prev) => !prev);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-    "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__ */ (0, import_jsx_runtime28.jsx)(import_bs2.BsQrCode, { size }),
-        showQr && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-          "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__ */ (0, import_jsx_runtime28.jsxs)("div", { style: { width: "100%", maxWidth: "500px", backgroundColor: "#fff", borderRadius: "12px", padding: "20px", position: "relative" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                "div",
-                {
-                  onClick: toggleQr,
-                  style: { position: "absolute", top: "10px", right: "15px", fontSize: "1.5rem", cursor: "pointer", zIndex: 10001 },
-                  children: "\xD7"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h5", { className: "mb-3 text-center", children: "Escaneie o QR Code" }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                QrReader,
-                {
-                  callback: (v) => {
-                    toggleQr();
-                    callback(v);
-                  }
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "mt-3 text-muted text-center small", children: "Aponte a c\xE2mera para o c\xF3digo" })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/forms/FindRecursoByTagField.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var FindRecursoByTagField = ({ callback, recursoController }) => {
-  const [selectedTag, setSelectedTag] = (0, import_react13.useState)("");
-  const [reachedRecurso, setReachedRecurso] = (0, import_react13.useState)(null);
-  const findRecursoByTagIdHandler = async (tagId) => {
-    if (!recursoController) return;
-    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) => {
-    if (!recursoController) return;
-    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__ */ (0, import_jsx_runtime29.jsx)(
-      "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__ */ (0, import_jsx_runtime29.jsx)(
-          import_gr4.GrCheckmark,
-          {
-            size: 25,
-            onClick: () => reachedRecurso && callback(reachedRecurso, true)
-          }
-        )
-      }
-    );
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    AutoComplete,
-    {
-      sortKey: "id",
-      loadCondition: true,
-      loadFunc: () => {
-        var _a;
-        return (_a = recursoController == null ? void 0 : recursoController.get("findActiveRecursosTags")) != null ? _a : Promise.resolve([]);
-      },
-      displayKey: "descricao",
-      title: "Selecione ou Digite a TAG",
-      actionButton: confirmRecursoSelectionButton,
-      actionButton2: () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-        QrCodeScanButton,
-        {
-          callback: (description) => findRecursoByTagDescriptionHandler(description)
-        }
-      ),
-      onSelectedClick: (v) => {
-        setSelectedTag(v);
-        findRecursoByTagIdHandler(v.id);
-      },
-      value: (selectedTag == null ? void 0 : selectedTag.descricao) || ""
-    }
-  ) });
-};
-
-// src/displays/RecursoDisplayer.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var RecursoDisplayer = ({
-  mode = "manutencao",
-  controller,
-  selectedList = [],
-  onSaveRecurso,
-  singleReturn = false
-}) => {
-  const [selectorDisplay, setSelectorDisplay] = (0, import_react14.useState)("branch");
-  const [loading, setLoading] = (0, import_react14.useState)(false);
-  const [recursosProcesso, setRecursosProcesso] = (0, import_react14.useState)([]);
-  const [branchesManutencao, setBranchesManutencao] = (0, import_react14.useState)([]);
-  (0, import_react14.useEffect)(() => {
-    let mounted = true;
-    const loadInicial = async () => {
-      setLoading(true);
-      try {
-        if (mode === "manutencao") {
-          const b = await controller("arvoreEstrutural").get(`branchByBranchLevel/1`);
-          if (mounted) setBranchesManutencao(b);
-        } else if (mode === "processo") {
-          const recs = await controller("recurso").readAll();
-          if (mounted) setRecursosProcesso(Array.isArray(recs) ? recs : []);
-        }
-      } catch (err) {
-        console.error("Erro ao carregar estrutura do RecursoDisplayer", err);
-      } finally {
-        if (mounted) setLoading(false);
-      }
-    };
-    loadInicial();
-    return () => {
-      mounted = false;
-    };
-  }, [mode, controller]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { width: "100%", padding: 0 }, className: "recurso-displayer-generic", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "d-flex justify-content-between align-items-center mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { className: "me-2", children: "Selecionar Recurso Por:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-        import_react_bootstrap19.Button,
-        {
-          size: "sm",
-          onClick: () => setSelectorDisplay("branch"),
-          variant: selectorDisplay === "branch" ? "primary" : "outline-primary",
-          className: "me-1",
-          children: mode === "processo" ? "Agrupamentos" : "\xC1rvore"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-        import_react_bootstrap19.Button,
-        {
-          size: "sm",
-          onClick: () => setSelectorDisplay("TAG"),
-          variant: selectorDisplay === "TAG" ? "primary" : "outline-primary",
-          children: "TAG"
-        }
-      )
-    ] }) }),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_bootstrap19.Spinner, { animation: "border", size: "sm" }),
-    !loading && selectorDisplay === "branch" && mode === "manutencao" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "manutencao-tree-view", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "text-muted small italic", children: "\xC1rvore de Manuten\xE7\xE3o (Branches/Nodes em Cascata) - Implementa\xE7\xE3o Gen\xE9rica" }) }),
-    !loading && selectorDisplay === "branch" && mode === "processo" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "processo-group-view", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "text-muted small italic", children: "Lista de Agrupamentos de Processo (Raiz \xDAnica)" }) }),
-    selectorDisplay === "TAG" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-      FindRecursoByTagField,
-      {
-        callback: (rec, checked) => {
-          onSaveRecurso([rec]);
-        }
-      }
-    )
-  ] });
-};
-
-// src/filters/StatusPills.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var StatusPills = ({
-  statuses,
-  activeKeys,
-  onSelectionChange,
-  multiSelect = true,
-  className = ""
-}) => {
-  const toggleKey = (key) => {
-    const isActive = activeKeys.includes(key);
-    if (multiSelect) {
-      if (isActive) {
-        onSelectionChange(activeKeys.filter((k) => k !== key));
-      } else {
-        onSelectionChange([...activeKeys, key]);
-      }
-    } else {
-      onSelectionChange(isActive ? [] : [key]);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: `status-pills-container ${className}`, children: Object.entries(statuses).map(([key, meta]) => {
-    const isActive = activeKeys.includes(key);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-      "button",
-      {
-        type: "button",
-        className: `status-pill ${isActive ? "active" : ""}`,
-        style: { "--status-color": meta.color },
-        onClick: () => toggleKey(key),
-        "aria-pressed": isActive,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "status-pill__swatch" }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "status-pill__label", children: meta.label }),
-          meta.count !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "status-pill__count", children: meta.count })
-        ]
-      },
-      key
-    );
-  }) });
+      key
+    );
+  }) });
 };
 
 // src/filters/PeriodSelector.tsx
-var import_react15 = require("react");
-var import_react_bootstrap20 = require("react-bootstrap");
+var import_react11 = require("react");
+var import_react_bootstrap17 = require("react-bootstrap");
 var import_fa3 = require("react-icons/fa");
 var import_dayjs3 = __toESM(require("dayjs"));
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var PeriodSelector = ({
   startDate,
   endDate,
@@ -1811,7 +1352,7 @@ var PeriodSelector = ({
   allowFuture = false,
   className = ""
 }) => {
-  const [isExpanded, setIsExpanded] = (0, import_react15.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react11.useState)(false);
   const formatDisplayRange = (start, end) => {
     const s = (0, import_dayjs3.default)(start).format("DD/MM/YY HH:mm");
     const e = (0, import_dayjs3.default)(end).format("DD/MM/YY HH:mm");
@@ -1825,146 +1366,588 @@ var PeriodSelector = ({
     { key: "month", label: "\xDAltimo M\xEAs" },
     { key: "year", label: "\xDAltimo Ano" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_bootstrap20.Card, { className: `period-selector-card ${isExpanded ? "expanded" : ""} ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "compact-row", onClick: () => setIsExpanded(!isExpanded), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "d-flex align-items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_fa3.FaCalendarAlt, { className: "me-2 text-primary" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "date-range-text", children: isExpanded ? label : formatDisplayRange(startDate, endDate) })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_bootstrap17.Card, { className: `period-selector-card ${isExpanded ? "expanded" : ""} ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "compact-row", onClick: () => setIsExpanded(!isExpanded), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "d-flex align-items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_fa3.FaCalendarAlt, { className: "me-2 text-primary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "date-range-text", children: isExpanded ? label : formatDisplayRange(startDate, endDate) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "period-icon-btn", children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_fa3.FaChevronUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "small text-muted", children: "Editar" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "period-icon-btn", children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_fa3.FaChevronUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "small text-muted", children: "Editar" }) })
     ] }),
-    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "expanded-content", children: [
-      onPresetSelect && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "presets-container", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "d-flex align-items-center mb-1 w-100", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_fa3.FaHistory, { size: 12, className: "me-1 text-muted" }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("small", { className: "text-muted fw-bold text-uppercase", style: { fontSize: "0.65rem" }, children: "Atalhos" })
+    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "expanded-content", children: [
+      onPresetSelect && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "d-flex align-items-center mb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_fa3.FaHistory, { size: 12, className: "me-1 text-muted" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("small", { className: "text-muted fw-bold text-uppercase", style: { fontSize: "0.65rem" }, children: "Atalhos" })
         ] }),
-        presets.map((p) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_react_bootstrap20.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "presets-container", children: presets.map((p) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          import_react_bootstrap17.Button,
           {
             variant: "outline-primary",
             className: "preset-btn",
             onClick: (e) => {
               e.stopPropagation();
               onPresetSelect(p.key);
+              setIsExpanded(false);
+            },
+            children: p.label
+          },
+          p.key
+        )) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "date-inputs-grid", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_bootstrap17.Form.Group, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_bootstrap17.Form.Label, { className: "small text-muted", children: "In\xEDcio" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            import_react_bootstrap17.Form.Control,
+            {
+              type: "datetime-local",
+              size: "sm",
+              value: startDate,
+              max: maxDate,
+              onChange: (e) => onStartDateChange(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_bootstrap17.Form.Group, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_bootstrap17.Form.Label, { className: "small text-muted", children: "Fim" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            import_react_bootstrap17.Form.Control,
+            {
+              type: "datetime-local",
+              size: "sm",
+              value: endDate,
+              min: startDate,
+              max: maxDate,
+              onChange: (e) => onEndDateChange(e.target.value)
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-3 d-flex justify-content-end", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        import_react_bootstrap17.Button,
+        {
+          variant: "primary",
+          size: "sm",
+          onClick: () => setIsExpanded(false),
+          children: "Aplicar"
+        }
+      ) })
+    ] })
+  ] });
+};
+
+// src/filters/AdvancedFilterBar.tsx
+var import_react12 = require("react");
+var import_react_bootstrap18 = require("react-bootstrap");
+var import_fi2 = require("react-icons/fi");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var AdvancedFilterBar = ({
+  children,
+  title = "Filtros e Busca",
+  activeFiltersCount = 0,
+  onClearAll,
+  defaultExpanded = false,
+  className = ""
+}) => {
+  const [expanded, setExpanded] = (0, import_react12.useState)(defaultExpanded);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: `advanced-filter-bar ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      "div",
+      {
+        className: "filter-bar-header",
+        onClick: () => setExpanded(!expanded),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "filter-title-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_fi2.FiFilter, { className: "text-primary" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h5", { className: "filter-title", children: title }),
+            activeFiltersCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "filter-count-badge", children: [
+              activeFiltersCount,
+              " ativos"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "filter-chevron", children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_fi2.FiChevronUp, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_fi2.FiChevronDown, { size: 20 }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_bootstrap18.Collapse, { in: expanded, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "filter-bar-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "filter-grid", children }),
+      (onClearAll || activeFiltersCount > 0) && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "filter-actions", children: [
+        onClearAll && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+          import_react_bootstrap18.Button,
+          {
+            variant: "link",
+            className: "text-danger text-decoration-none btn-sm d-flex align-items-center",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClearAll();
             },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_fi2.FiTrash2, { className: "me-1" }),
+              "Limpar Filtros"
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          import_react_bootstrap18.Button,
+          {
+            variant: "primary",
+            size: "sm",
+            onClick: () => setExpanded(false),
+            children: "Aplicar Filtros"
+          }
+        )
+      ] })
+    ] }) }) })
+  ] });
+};
+
+// src/filters/UnifiedPeriodSelector.tsx
+var import_react13 = require("react");
+var import_react_bootstrap19 = require("react-bootstrap");
+var import_fa4 = require("react-icons/fa");
+var import_dayjs4 = __toESM(require("dayjs"));
+var import_isoWeek = __toESM(require("dayjs/plugin/isoWeek"));
+var import_jsx_runtime30 = require("react/jsx-runtime");
+import_dayjs4.default.extend(import_isoWeek.default);
+var MONTHS = [
+  "Jan",
+  "Fev",
+  "Mar",
+  "Abr",
+  "Mai",
+  "Jun",
+  "Jul",
+  "Ago",
+  "Set",
+  "Out",
+  "Nov",
+  "Dez"
+];
+var MONTHS_FULL = [
+  "Janeiro",
+  "Fevereiro",
+  "Mar\xE7o",
+  "Abril",
+  "Maio",
+  "Junho",
+  "Julho",
+  "Agosto",
+  "Setembro",
+  "Outubro",
+  "Novembro",
+  "Dezembro"
+];
+var pad2 = (n) => String(n).padStart(2, "0");
+var startOfMonthISO = (year, m) => `${year}-${pad2(m + 1)}-01T00:00:00`;
+var endOfMonthISO = (year, m) => {
+  const lastDay = new Date(year, m + 1, 0).getDate();
+  return `${year}-${pad2(m + 1)}-${pad2(lastDay)}T23:59:59`;
+};
+var parseDate = (v) => {
+  if (!v) return null;
+  const d = new Date(v);
+  return isNaN(d.getTime()) ? null : d;
+};
+var DEFAULT_PRESETS = [
+  {
+    key: "today",
+    label: "Hoje",
+    start: () => (0, import_dayjs4.default)().startOf("day"),
+    end: () => (0, import_dayjs4.default)().endOf("day")
+  },
+  {
+    key: "week",
+    label: "Esta semana",
+    start: () => (0, import_dayjs4.default)().startOf("isoWeek"),
+    end: () => (0, import_dayjs4.default)().endOf("isoWeek")
+  },
+  {
+    key: "month",
+    label: "Este m\xEAs",
+    start: () => (0, import_dayjs4.default)().startOf("month"),
+    end: () => (0, import_dayjs4.default)().endOf("month")
+  },
+  {
+    key: "year",
+    label: "Este ano",
+    start: () => (0, import_dayjs4.default)().startOf("year"),
+    end: () => (0, import_dayjs4.default)().endOf("year")
+  }
+];
+var TABS = [
+  { key: "quick", icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_fa4.FaClock, { size: 12 }), label: "R\xE1pido" },
+  { key: "month", icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_fa4.FaCalendarAlt, { size: 12 }), label: "Meses" },
+  { key: "custom", icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_fa4.FaCalendarAlt, { size: 12 }), label: "Per\xEDodo" }
+];
+var UnifiedPeriodSelector = ({
+  dataInicio,
+  dataFim,
+  onSelect,
+  defaultTab = "quick",
+  allowFuture = true,
+  quickPresets,
+  className = "",
+  disabled = false,
+  compact = false
+}) => {
+  const [activeTab, setActiveTab] = (0, import_react13.useState)(defaultTab);
+  const [isExpanded, setIsExpanded] = (0, import_react13.useState)(!compact);
+  const [activePresetKey, setActivePresetKey] = (0, import_react13.useState)(null);
+  const [selectedYear, setSelectedYear] = (0, import_react13.useState)(() => {
+    const d = parseDate(dataInicio);
+    return d ? d.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear();
+  });
+  const [selectedMonths, setSelectedMonths] = (0, import_react13.useState)(/* @__PURE__ */ new Set());
+  const [lastClickedMonth, setLastClickedMonth] = (0, import_react13.useState)(null);
+  const [customStart, setCustomStart] = (0, import_react13.useState)("");
+  const [customEnd, setCustomEnd] = (0, import_react13.useState)("");
+  const presets = quickPresets || DEFAULT_PRESETS;
+  (0, import_react13.useEffect)(() => {
+    const start = parseDate(dataInicio);
+    const end = parseDate(dataFim);
+    if (!start || !end) return;
+    if (start.getFullYear() === selectedYear || end.getFullYear() === selectedYear) {
+      const next = /* @__PURE__ */ new Set();
+      if (start.getFullYear() === end.getFullYear() && start.getFullYear() === selectedYear) {
+        for (let m = start.getMonth(); m <= end.getMonth(); m++) next.add(m);
+      } else {
+        const s = start.getFullYear() === selectedYear ? start.getMonth() : 0;
+        const e = end.getFullYear() === selectedYear ? end.getMonth() : 11;
+        for (let m = s; m <= e; m++) next.add(m);
+      }
+      setSelectedMonths(next);
+    }
+  }, [dataInicio, dataFim, selectedYear]);
+  (0, import_react13.useEffect)(() => {
+    if (dataInicio) setCustomStart((0, import_dayjs4.default)(dataInicio).format("YYYY-MM-DDTHH:mm"));
+    if (dataFim) setCustomEnd((0, import_dayjs4.default)(dataFim).format("YYYY-MM-DDTHH:mm"));
+  }, [dataInicio, dataFim]);
+  const displayLabel = (0, import_react13.useMemo)(() => {
+    const s = parseDate(dataInicio);
+    const e = parseDate(dataFim);
+    if (!s || !e) return "Selecione um per\xEDodo";
+    if (activePresetKey) {
+      const p = presets.find((pr) => pr.key === activePresetKey);
+      if (p) return p.label;
+    }
+    if (s.getFullYear() === e.getFullYear() && s.getMonth() === e.getMonth() && s.getDate() === 1) {
+      return `${MONTHS_FULL[s.getMonth()]} ${s.getFullYear()}`;
+    }
+    return `${(0, import_dayjs4.default)(s).format("DD/MM/YYYY")} \u2013 ${(0, import_dayjs4.default)(e).format("DD/MM/YYYY")}`;
+  }, [dataInicio, dataFim, activePresetKey, presets]);
+  const handlePreset = (0, import_react13.useCallback)(
+    (preset) => {
+      if (disabled) return;
+      setActivePresetKey(preset.key);
+      onSelect({
+        dataInicio: preset.start().toISOString(),
+        dataFim: preset.end().toISOString()
+      });
+    },
+    [disabled, onSelect]
+  );
+  const handleMonthClick = (0, import_react13.useCallback)(
+    (index, event) => {
+      if (disabled) return;
+      const ctrl = event.ctrlKey || event.metaKey;
+      const shift = event.shiftKey;
+      setSelectedMonths((prev) => {
+        let next;
+        if (shift && lastClickedMonth !== null) {
+          next = /* @__PURE__ */ new Set();
+          const start = Math.min(index, lastClickedMonth);
+          const end = Math.max(index, lastClickedMonth);
+          for (let m = start; m <= end; m++) next.add(m);
+        } else if (ctrl) {
+          next = new Set(prev);
+          if (next.has(index)) next.delete(index);
+          else next.add(index);
+        } else {
+          next = /* @__PURE__ */ new Set([index]);
+        }
+        if (next.size === 0) {
+          onSelect({ dataInicio: "", dataFim: "" });
+        } else {
+          const arr = Array.from(next).sort((a, b) => a - b);
+          const first = arr[0];
+          const last = arr[arr.length - 1];
+          onSelect({
+            dataInicio: startOfMonthISO(selectedYear, first),
+            dataFim: endOfMonthISO(selectedYear, last)
+          });
+        }
+        setActivePresetKey(null);
+        return next;
+      });
+      setLastClickedMonth(index);
+    },
+    [disabled, lastClickedMonth, onSelect, selectedYear]
+  );
+  const handleYearChange = (0, import_react13.useCallback)(
+    (delta) => {
+      const newYear = selectedYear + delta;
+      setSelectedYear(newYear);
+      if (selectedMonths.size > 0) {
+        const arr = Array.from(selectedMonths).sort((a, b) => a - b);
+        onSelect({
+          dataInicio: startOfMonthISO(newYear, arr[0]),
+          dataFim: endOfMonthISO(newYear, arr[arr.length - 1])
+        });
+        setActivePresetKey(null);
+      }
+    },
+    [selectedYear, selectedMonths, onSelect]
+  );
+  const quickMonthOptions = (0, import_react13.useMemo)(() => {
+    const now = /* @__PURE__ */ new Date();
+    const opts = [];
+    for (let yearOffset = 0; yearOffset <= 1; yearOffset++) {
+      const year = now.getFullYear() - yearOffset;
+      const lastMonth = yearOffset === 0 ? now.getMonth() : 11;
+      for (let m = lastMonth; m >= 0; m--) {
+        opts.push({
+          value: `${year}-${pad2(m + 1)}`,
+          label: `${MONTHS_FULL[m]} ${year}`,
+          year,
+          month: m
+        });
+      }
+    }
+    return opts;
+  }, []);
+  const quickMonthValue = (0, import_react13.useMemo)(() => {
+    const s = parseDate(dataInicio);
+    const e = parseDate(dataFim);
+    if (!s || !e) return "";
+    if (s.getFullYear() === e.getFullYear() && s.getMonth() === e.getMonth() && s.getDate() === 1) {
+      return `${s.getFullYear()}-${pad2(s.getMonth() + 1)}`;
+    }
+    return "";
+  }, [dataInicio, dataFim]);
+  const handleQuickMonthChange = (0, import_react13.useCallback)(
+    (value) => {
+      if (disabled || !value) return;
+      const opt = quickMonthOptions.find((o) => o.value === value);
+      if (!opt) return;
+      setActivePresetKey(null);
+      setSelectedYear(opt.year);
+      setSelectedMonths(/* @__PURE__ */ new Set([opt.month]));
+      onSelect({
+        dataInicio: startOfMonthISO(opt.year, opt.month),
+        dataFim: endOfMonthISO(opt.year, opt.month)
+      });
+    },
+    [disabled, onSelect, quickMonthOptions]
+  );
+  const handleCustomApply = (0, import_react13.useCallback)(() => {
+    if (!customStart || !customEnd) return;
+    setActivePresetKey(null);
+    onSelect({
+      dataInicio: (0, import_dayjs4.default)(customStart).toISOString(),
+      dataFim: (0, import_dayjs4.default)(customEnd).toISOString()
+    });
+  }, [customStart, customEnd, onSelect]);
+  const handleClear = (0, import_react13.useCallback)(() => {
+    setSelectedMonths(/* @__PURE__ */ new Set());
+    setActivePresetKey(null);
+    setCustomStart("");
+    setCustomEnd("");
+    onSelect({ dataInicio: "", dataFim: "" });
+  }, [onSelect]);
+  const today = /* @__PURE__ */ new Date();
+  const maxDateStr = allowFuture ? void 0 : (0, import_dayjs4.default)().format("YYYY-MM-DDTHH:mm");
+  if (compact && !isExpanded) {
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      import_react_bootstrap19.Card,
+      {
+        className: `ups-card ups-card--compact ${className}`,
+        onClick: () => !disabled && setIsExpanded(true),
+        role: "button",
+        tabIndex: 0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ups-compact-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_fa4.FaCalendarAlt, { className: "text-primary me-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "ups-display-label", children: displayLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "ups-edit-hint text-muted small", children: "Editar" })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_bootstrap19.Card, { className: `ups-card ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_bootstrap19.Card.Body, { className: "ups-body", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ups-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "d-flex align-items-center gap-2 flex-grow-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_fa4.FaCalendarAlt, { className: "text-primary flex-shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "ups-display-label text-truncate", children: displayLabel })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "d-flex align-items-center gap-1", children: [
+        (dataInicio || dataFim) && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_react_bootstrap19.Button,
+          {
+            variant: "link",
+            size: "sm",
+            className: "p-0 text-muted",
+            onClick: handleClear,
+            title: "Limpar per\xEDodo",
+            disabled,
+            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_fa4.FaTimesCircle, { size: 14 })
+          }
+        ),
+        compact && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_react_bootstrap19.Button,
+          {
+            variant: "link",
+            size: "sm",
+            className: "p-0 text-muted",
+            onClick: () => setIsExpanded(false),
+            children: "Fechar"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "ups-tabs", children: TABS.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      "button",
+      {
+        className: `ups-tab ${activeTab === tab.key ? "ups-tab--active" : ""}`,
+        onClick: () => setActiveTab(tab.key),
+        disabled,
+        children: [
+          tab.icon,
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: tab.label })
+        ]
+      },
+      tab.key
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ups-content", children: [
+      activeTab === "quick" && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "ups-quick-grid", children: presets.map((p) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_react_bootstrap19.Button,
+          {
+            size: "sm",
+            variant: activePresetKey === p.key ? "primary" : "outline-secondary",
+            className: "ups-quick-btn",
+            onClick: () => handlePreset(p),
+            disabled,
             children: p.label
           },
           p.key
-        ))
+        )) }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ups-quick-month", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_bootstrap19.Form.Label, { className: "small text-muted mb-1", children: "M\xEAs exato" }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            import_react_bootstrap19.Form.Select,
+            {
+              size: "sm",
+              value: quickMonthValue,
+              onChange: (e) => handleQuickMonthChange(e.target.value),
+              disabled,
+              "aria-label": "Selecionar m\xEAs exato",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: "", children: "Escolha um m\xEAs\u2026" }),
+                quickMonthOptions.map((o) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: o.value, children: o.label }, o.value))
+              ]
+            }
+          )
+        ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "date-inputs-grid", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_bootstrap20.Form.Group, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_bootstrap20.Form.Label, { className: "small text-muted", children: "In\xEDcio" }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            import_react_bootstrap20.Form.Control,
+      activeTab === "month" && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ups-month-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ups-year-nav", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            import_react_bootstrap19.Button,
             {
-              type: "datetime-local",
+              variant: "outline-secondary",
               size: "sm",
-              value: startDate,
-              max: maxDate,
-              onChange: (e) => onStartDateChange(e.target.value)
+              className: "ups-year-btn",
+              onClick: () => handleYearChange(-1),
+              disabled,
+              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_fa4.FaChevronLeft, { size: 10 })
             }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_bootstrap20.Form.Group, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_bootstrap20.Form.Label, { className: "small text-muted", children: "Fim" }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            import_react_bootstrap20.Form.Control,
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "ups-year-label", children: selectedYear }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            import_react_bootstrap19.Button,
             {
-              type: "datetime-local",
+              variant: "outline-secondary",
               size: "sm",
-              value: endDate,
-              min: startDate,
-              max: maxDate,
-              onChange: (e) => onEndDateChange(e.target.value)
+              className: "ups-year-btn",
+              onClick: () => handleYearChange(1),
+              disabled,
+              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_fa4.FaChevronRight, { size: 10 })
             }
           )
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "mt-3 d-flex justify-content-end", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-        import_react_bootstrap20.Button,
-        {
-          variant: "primary",
-          size: "sm",
-          onClick: () => setIsExpanded(false),
-          children: "Aplicar"
-        }
-      ) })
-    ] })
-  ] });
-};
-
-// src/filters/AdvancedFilterBar.tsx
-var import_react16 = require("react");
-var import_react_bootstrap21 = require("react-bootstrap");
-var import_fi2 = require("react-icons/fi");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var AdvancedFilterBar = ({
-  children,
-  title = "Filtros e Busca",
-  activeFiltersCount = 0,
-  onClearAll,
-  defaultExpanded = false,
-  className = ""
-}) => {
-  const [expanded, setExpanded] = (0, import_react16.useState)(defaultExpanded);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: `advanced-filter-bar ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-      "div",
-      {
-        className: "filter-bar-header",
-        onClick: () => setExpanded(!expanded),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "filter-title-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_fi2.FiFilter, { className: "text-primary" }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h5", { className: "filter-title", children: title }),
-            activeFiltersCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "filter-count-badge", children: [
-              activeFiltersCount,
-              " ativos"
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "filter-chevron", children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_fi2.FiChevronUp, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_fi2.FiChevronDown, { size: 20 }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_bootstrap21.Collapse, { in: expanded, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "filter-bar-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "filter-grid", children }),
-      (onClearAll || activeFiltersCount > 0) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "filter-actions", children: [
-        onClearAll && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-          import_react_bootstrap21.Button,
-          {
-            variant: "link",
-            className: "text-danger text-decoration-none btn-sm d-flex align-items-center",
-            onClick: (e) => {
-              e.stopPropagation();
-              onClearAll();
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "ups-month-grid", children: MONTHS.map((label, idx) => {
+          const isSelected = selectedMonths.has(idx);
+          const isCurrent = today.getFullYear() === selectedYear && today.getMonth() === idx;
+          return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            "button",
+            {
+              className: [
+                "ups-month-cell",
+                isSelected && "ups-month-cell--selected",
+                isCurrent && !isSelected && "ups-month-cell--current"
+              ].filter(Boolean).join(" "),
+              onClick: (e) => handleMonthClick(idx, e),
+              disabled,
+              title: "Clique: selecionar \xB7 Shift: range \xB7 Ctrl/Cmd: multi",
+              children: label
             },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_fi2.FiTrash2, { className: "me-1" }),
-              "Limpar Filtros"
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          import_react_bootstrap21.Button,
+            idx
+          );
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "ups-month-hint text-muted", children: "Shift+clique para range \xB7 Ctrl/Cmd+clique para multi-sele\xE7\xE3o" })
+      ] }),
+      activeTab === "custom" && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ups-custom-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_bootstrap19.Row, { className: "g-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_bootstrap19.Col, { xs: 12, sm: 6, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_bootstrap19.Form.Group, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_bootstrap19.Form.Label, { className: "small text-muted mb-1", children: "In\xEDcio" }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              import_react_bootstrap19.Form.Control,
+              {
+                type: "datetime-local",
+                size: "sm",
+                value: customStart,
+                max: maxDateStr,
+                onChange: (e) => setCustomStart(e.target.value),
+                disabled
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_bootstrap19.Col, { xs: 12, sm: 6, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_bootstrap19.Form.Group, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_bootstrap19.Form.Label, { className: "small text-muted mb-1", children: "Fim" }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              import_react_bootstrap19.Form.Control,
+              {
+                type: "datetime-local",
+                size: "sm",
+                value: customEnd,
+                min: customStart,
+                max: maxDateStr,
+                onChange: (e) => setCustomEnd(e.target.value),
+                disabled
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "d-flex justify-content-end mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_react_bootstrap19.Button,
           {
             variant: "primary",
             size: "sm",
-            onClick: () => setExpanded(false),
-            children: "Aplicar Filtros"
+            onClick: handleCustomApply,
+            disabled: disabled || !customStart || !customEnd,
+            children: "Aplicar"
           }
-        )
+        ) })
       ] })
-    ] }) }) })
-  ] });
+    ] })
+  ] }) });
 };
 
 // src/forms/MailSender.tsx
-var import_react17 = require("react");
-var import_react_bootstrap22 = require("react-bootstrap");
+var import_react14 = require("react");
+var import_react_bootstrap20 = require("react-bootstrap");
 var import_fi3 = require("react-icons/fi");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var MailSender = ({
   htmlContent,
   companyName,
@@ -1973,15 +1956,15 @@ var MailSender = ({
   hide = false,
   renderTrigger
 }) => {
-  const [opened, setOpened] = (0, import_react17.useState)(false);
-  const [addingEmail, setAddingEmail] = (0, import_react17.useState)(false);
-  const [selectedEmails, setSelectedEmails] = (0, import_react17.useState)([]);
-  const [emails, setEmails] = (0, import_react17.useState)([]);
-  const [loading, setLoading] = (0, import_react17.useState)(false);
-  const [postLoading, setPostLoading] = (0, import_react17.useState)(false);
-  const [customEmail, setCustomEmail] = (0, import_react17.useState)("");
-  const [emailError, setEmailError] = (0, import_react17.useState)("");
-  const [searchFilter, setSearchFilter] = (0, import_react17.useState)("");
+  const [opened, setOpened] = (0, import_react14.useState)(false);
+  const [addingEmail, setAddingEmail] = (0, import_react14.useState)(false);
+  const [selectedEmails, setSelectedEmails] = (0, import_react14.useState)([]);
+  const [emails, setEmails] = (0, import_react14.useState)([]);
+  const [loading, setLoading] = (0, import_react14.useState)(false);
+  const [postLoading, setPostLoading] = (0, import_react14.useState)(false);
+  const [customEmail, setCustomEmail] = (0, import_react14.useState)("");
+  const [emailError, setEmailError] = (0, import_react14.useState)("");
+  const [searchFilter, setSearchFilter] = (0, import_react14.useState)("");
   const handleOpen = async () => {
     setLoading(true);
     try {
@@ -2064,9 +2047,9 @@ var MailSender = ({
     if (renderTrigger) {
       return renderTrigger({ onClick: handleOpen, loading });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.Button, { disabled: loading, className: "w-100", onClick: handleOpen, children: loading ? "Carregando..." : "Enviar por E-mail" });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.Button, { disabled: loading, className: "w-100", onClick: handleOpen, children: loading ? "Carregando..." : "Enviar por E-mail" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
       style: {
@@ -2077,7 +2060,7 @@ var MailSender = ({
         boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "div",
           {
             style: {
@@ -2085,20 +2068,20 @@ var MailSender = ({
               color: "white",
               padding: "25px"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "d-flex justify-content-between align-items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("h4", { className: "mb-1", style: { fontWeight: "600", fontSize: "22px" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_fi3.FiMail, { className: "me-2", size: 20 }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "d-flex justify-content-between align-items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("h4", { className: "mb-1", style: { fontWeight: "600", fontSize: "22px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fi3.FiMail, { className: "me-2", size: 20 }),
                   "Enviar Relat\xF3rio por E-mail"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("small", { style: { opacity: "0.9", fontSize: "14px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("small", { style: { opacity: "0.9", fontSize: "14px" }, children: [
                   "Selecione os destinat\xE1rios para envio do relat\xF3rio de ",
                   companyName
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "d-flex gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-                  import_react_bootstrap22.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "d-flex gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                  import_react_bootstrap20.Button,
                   {
                     variant: "light",
                     onClick: sendEmail,
@@ -2109,38 +2092,38 @@ var MailSender = ({
                       minWidth: "130px",
                       height: "40px"
                     },
-                    children: postLoading ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.Spinner, { size: "sm", className: "me-2" }),
+                    children: postLoading ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.Spinner, { size: "sm", className: "me-2" }),
                       "Enviando..."
-                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_fi3.FiSend, { className: "me-2", size: 14 }),
+                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fi3.FiSend, { className: "me-2", size: 14 }),
                       "Enviar E-mail"
                     ] })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-                  import_react_bootstrap22.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                  import_react_bootstrap20.Button,
                   {
                     variant: "outline-light",
                     onClick: () => setOpened(false),
                     disabled: postLoading,
                     style: { borderRadius: "8px", width: "40px", height: "40px" },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_fi3.FiX, { size: 16 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fi3.FiX, { size: 16 })
                   }
                 )
               ] })
             ] })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { style: { padding: "25px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.Card, { className: "mb-4", style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_bootstrap22.Card.Body, { style: { padding: "20px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_bootstrap22.Row, { className: "align-items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_bootstrap22.Col, { md: 6, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h6", { className: "mb-2", style: { color: "#495057", fontWeight: "600" }, children: "\u{1F527} Filtros e A\xE7\xF5es" }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_bootstrap22.InputGroup, { style: { maxWidth: "300px" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.InputGroup.Text, { style: { backgroundColor: "#f8f9fa", border: "1px solid #dee2e6" }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_fi3.FiSearch, { size: 14, color: "#6c757d" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-                    import_react_bootstrap22.Form.Control,
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { style: { padding: "25px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.Card, { className: "mb-4", style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_bootstrap20.Card.Body, { style: { padding: "20px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_bootstrap20.Row, { className: "align-items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_bootstrap20.Col, { md: 6, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h6", { className: "mb-2", style: { color: "#495057", fontWeight: "600" }, children: "\u{1F527} Filtros e A\xE7\xF5es" }),
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_bootstrap20.InputGroup, { style: { maxWidth: "300px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.InputGroup.Text, { style: { backgroundColor: "#f8f9fa", border: "1px solid #dee2e6" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fi3.FiSearch, { size: 14, color: "#6c757d" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                    import_react_bootstrap20.Form.Control,
                     {
                       type: "text",
                       placeholder: "Buscar e-mails...",
@@ -2151,25 +2134,25 @@ var MailSender = ({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.Col, { md: 6, className: "text-end", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-                import_react_bootstrap22.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.Col, { md: 6, className: "text-end", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                import_react_bootstrap20.Button,
                 {
                   variant: addingEmail ? "outline-secondary" : "outline-primary",
                   size: "sm",
                   onClick: () => setAddingEmail(!addingEmail),
                   disabled: postLoading,
                   style: { borderRadius: "8px" },
-                  children: addingEmail ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_fi3.FiX, { className: "me-1", size: 14 }),
+                  children: addingEmail ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fi3.FiX, { className: "me-1", size: 14 }),
                     "Cancelar"
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_fi3.FiPlus, { className: "me-1", size: 14 }),
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fi3.FiPlus, { className: "me-1", size: 14 }),
                     "E-mail Personalizado"
                   ] })
                 }
               ) })
             ] }),
-            addingEmail && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+            addingEmail && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               "div",
               {
                 style: {
@@ -2180,12 +2163,12 @@ var MailSender = ({
                   border: "1px solid #e3f2fd"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h6", { className: "mb-3", style: { color: "#1976d2", fontWeight: "600" }, children: "\u2709\uFE0F Adicionar E-mail Personalizado" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_bootstrap22.Row, { className: "align-items-end", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_bootstrap22.Col, { md: 8, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.Form.Label, { style: { fontSize: "13px", color: "#6c757d", fontWeight: "500" }, children: "Endere\xE7o de E-mail" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-                        import_react_bootstrap22.Form.Control,
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h6", { className: "mb-3", style: { color: "#1976d2", fontWeight: "600" }, children: "\u2709\uFE0F Adicionar E-mail Personalizado" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_bootstrap20.Row, { className: "align-items-end", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_bootstrap20.Col, { md: 8, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.Form.Label, { style: { fontSize: "13px", color: "#6c757d", fontWeight: "500" }, children: "Endere\xE7o de E-mail" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                        import_react_bootstrap20.Form.Control,
                         {
                           type: "email",
                           placeholder: "exemplo@empresa.com",
@@ -2200,17 +2183,17 @@ var MailSender = ({
                           onKeyPress: (e) => e.key === "Enter" && handleEmailAdd()
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.Form.Control.Feedback, { type: "invalid", children: emailError })
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.Form.Control.Feedback, { type: "invalid", children: emailError })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.Col, { md: 4, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
-                      import_react_bootstrap22.Button,
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.Col, { md: 4, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                      import_react_bootstrap20.Button,
                       {
                         variant: "success",
                         onClick: handleEmailAdd,
                         disabled: postLoading,
                         style: { borderRadius: "8px", width: "100%" },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_fi3.FiPlus, { className: "me-1", size: 14 }),
+                          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fi3.FiPlus, { className: "me-1", size: 14 }),
                           "Adicionar"
                         ]
                       }
@@ -2220,16 +2203,16 @@ var MailSender = ({
               }
             )
           ] }) }),
-          selectedEmails.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.Card, { className: "mb-4", style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_bootstrap22.Card.Body, { style: { padding: "20px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h6", { className: "mb-0", style: { color: "#495057", fontWeight: "600" }, children: "\u{1F4CB} Destinat\xE1rios Selecionados" }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_bootstrap22.Badge, { bg: "primary", style: { fontSize: "12px", padding: "6px 12px" }, children: [
+          selectedEmails.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.Card, { className: "mb-4", style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_bootstrap20.Card.Body, { style: { padding: "20px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h6", { className: "mb-0", style: { color: "#495057", fontWeight: "600" }, children: "\u{1F4CB} Destinat\xE1rios Selecionados" }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_bootstrap20.Badge, { bg: "primary", style: { fontSize: "12px", padding: "6px 12px" }, children: [
                 selectedEmails.length,
                 " selecionado",
                 selectedEmails.length > 1 ? "s" : ""
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "d-flex flex-wrap gap-2", children: selectedEmails.map((email, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "d-flex flex-wrap gap-2", children: selectedEmails.map((email, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               "div",
               {
                 style: {
@@ -2243,10 +2226,10 @@ var MailSender = ({
                   fontWeight: "500"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_fi3.FiUser, { size: 12, className: "me-2", color: "#1976d2" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: email.email || email }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-                    import_react_bootstrap22.Button,
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fi3.FiUser, { size: 12, className: "me-2", color: "#1976d2" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: email.email || email }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                    import_react_bootstrap20.Button,
                     {
                       variant: "link",
                       size: "sm",
@@ -2258,7 +2241,7 @@ var MailSender = ({
                         textDecoration: "none",
                         fontSize: "16px"
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_fi3.FiX, { size: 14 })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fi3.FiX, { size: 14 })
                     }
                   )
                 ]
@@ -2266,17 +2249,17 @@ var MailSender = ({
               index
             )) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.Card, { style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_bootstrap22.Card.Body, { style: { padding: "20px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("h6", { className: "mb-3", style: { color: "#495057", fontWeight: "600" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_fi3.FiUser, { className: "me-2", size: 16 }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.Card, { style: { border: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_bootstrap20.Card.Body, { style: { padding: "20px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("h6", { className: "mb-3", style: { color: "#495057", fontWeight: "600" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fi3.FiUser, { className: "me-2", size: 16 }),
               "E-mails de ",
               companyName
             ] }),
-            loading ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "text-center py-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.Spinner, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-2 text-muted", children: "Carregando e-mails..." })
-            ] }) : filteredEmails.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "text-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-muted mb-0", children: searchFilter ? "Nenhum e-mail encontrado com esse filtro" : "Nenhum e-mail dispon\xEDvel" }) }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.Row, { children: filteredEmails.map((email) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap22.Col, { xs: 12, sm: 6, lg: 4, className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-              import_react_bootstrap22.Card,
+            loading ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "text-center py-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.Spinner, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "mt-2 text-muted", children: "Carregando e-mails..." })
+            ] }) : filteredEmails.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "text-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-muted mb-0", children: searchFilter ? "Nenhum e-mail encontrado com esse filtro" : "Nenhum e-mail dispon\xEDvel" }) }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.Row, { children: filteredEmails.map((email) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_bootstrap20.Col, { xs: 12, sm: 6, lg: 4, className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              import_react_bootstrap20.Card,
               {
                 onClick: () => setSelectedEmails([...selectedEmails, email]),
                 style: {
@@ -2296,9 +2279,9 @@ var MailSender = ({
                   e.currentTarget.style.boxShadow = "none";
                   e.currentTarget.style.borderColor = "#e9ecef";
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_bootstrap22.Card.Body, { style: { padding: "15px", textAlign: "center" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_fi3.FiMail, { size: 20, color: "#007bff", className: "mb-2" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_bootstrap20.Card.Body, { style: { padding: "15px", textAlign: "center" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fi3.FiMail, { size: 20, color: "#007bff", className: "mb-2" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     "div",
                     {
                       style: {
@@ -2320,13 +2303,247 @@ var MailSender = ({
   );
 };
 
+// src/forms/AutoComplete.tsx
+var import_react15 = require("react");
+var import_react_bootstrap21 = require("react-bootstrap");
+var import_jsx_runtime32 = require("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,
+  labelPosition = "top"
+}) => {
+  const [liItem, setListItem] = (0, import_react15.useState)([]);
+  const [options, setOptions] = (0, import_react15.useState)([]);
+  const [input, setInput] = (0, import_react15.useState)("");
+  const [hide, setHide] = (0, import_react15.useState)(true);
+  const [onLoaded, setOnLoaded] = (0, import_react15.useState)(false);
+  const [loading, setLoading] = (0, import_react15.useState)(false);
+  const cacheStore = (0, import_react15.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])));
+  };
+  (0, import_react15.useEffect)(() => {
+    setInput(value || "");
+  }, [value]);
+  (0, import_react15.useEffect)(() => {
+    if (!Array.isArray(ops) || ops.length === 0) return;
+    const sortedOptions = sortOptions(ops, sortKey);
+    setListItem(sortedOptions);
+    setOptions(sortedOptions);
+  }, [ops, sortKey]);
+  (0, import_react15.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime32.jsxs)(
+    "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__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+          labelPosition === "top" && title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_bootstrap21.Form.Label, { className: "fw-semibold small mb-1", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_bootstrap21.InputGroup, { children: [
+            labelPosition === "floating" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_bootstrap21.FloatingLabel, { controlId: "floatingInput", label: title, style: { zIndex: 0, flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              import_react_bootstrap21.Form.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"
+              }
+            ) }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              import_react_bootstrap21.Form.Control,
+              {
+                autoFocus: autoFocusConfig,
+                disabled: disableComponent || disableSelect,
+                placeholder: placeH || title,
+                autoComplete: "off",
+                value: input,
+                onClickCapture: () => {
+                  const canOpen = showListOnFocus && input.length >= minChars;
+                  setHide(!canOpen);
+                },
+                onChange: (e) => onFieldUpdate(e.currentTarget.value),
+                type: "text"
+              }
+            ),
+            loading && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_bootstrap21.InputGroup.Text, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_bootstrap21.Spinner, { animation: "border", size: "sm" }) }),
+            !disableComponent && (actionButton == null ? void 0 : actionButton(() => setInput(""))),
+            !disableComponent && (actionButton2 == null ? void 0 : actionButton2(input))
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          import_react_bootstrap21.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__ */ (0, import_jsx_runtime32.jsx)(
+              import_react_bootstrap21.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
-var import_react18 = require("react");
-var import_react_bootstrap23 = require("react-bootstrap");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_react_bootstrap22 = require("react-bootstrap");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
-  const [formValues, setFormValues] = (0, import_react18.useState)({});
-  const [errors, setErrors] = (0, import_react18.useState)({});
+  const [formValues, setFormValues] = (0, import_react16.useState)({});
+  const [errors, setErrors] = (0, import_react16.useState)({});
   const handleChange = (key, value) => {
     setFormValues({
       ...formValues,
@@ -2355,10 +2572,10 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
     switch (type) {
       case "text":
       case "number":
-        return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_bootstrap23.Form.Group, { className: "mb-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_bootstrap23.Form.Label, { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-            import_react_bootstrap23.Form.Control,
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_bootstrap22.Form.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_bootstrap22.Form.Label, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            import_react_bootstrap22.Form.Control,
             {
               type,
               placeholder,
@@ -2367,30 +2584,30 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
               isInvalid: !!errors[key]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_bootstrap23.Form.Control.Feedback, { type: "invalid", children: errors[key] })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_bootstrap22.Form.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__ */ (0, import_jsx_runtime35.jsxs)(import_react_bootstrap23.Form.Group, { className: "mb-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_bootstrap23.Form.Label, { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-            import_react_bootstrap23.Form.Select,
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_bootstrap22.Form.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_bootstrap22.Form.Label, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+            import_react_bootstrap22.Form.Select,
             {
               value,
               onChange: (e) => handleChange(key, e.target.value),
               isInvalid: !!errors[key],
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("option", { value: "", children: "Selecione..." }),
-                orderedOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("option", { value: option.value, children: option.label }, String(option.value)))
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: "", children: "Selecione..." }),
+                orderedOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: option.value, children: option.label }, String(option.value)))
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_bootstrap23.Form.Control.Feedback, { type: "invalid", children: errors[key] })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_bootstrap22.Form.Control.Feedback, { type: "invalid", children: errors[key] })
         ] }, key);
       }
       case "custom-select":
         if (renderCustomSelect) {
-          return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
             renderCustomSelect({
               label,
               value,
@@ -2398,15 +2615,15 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
               onChange: (v) => handleChange(key, v),
               placeholder
             }),
-            errors[key] && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "invalid-feedback d-block", children: errors[key] })
+            errors[key] && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "invalid-feedback d-block", children: errors[key] })
           ] }, key);
         }
         return null;
       case "date":
-        return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_bootstrap23.Form.Group, { className: "mb-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_bootstrap23.Form.Label, { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-            import_react_bootstrap23.Form.Control,
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_bootstrap22.Form.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_bootstrap22.Form.Label, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            import_react_bootstrap22.Form.Control,
             {
               type: "date",
               value,
@@ -2414,23 +2631,23 @@ var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
               isInvalid: !!errors[key]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_bootstrap23.Form.Control.Feedback, { type: "invalid", children: errors[key] })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_bootstrap22.Form.Control.Feedback, { type: "invalid", children: errors[key] })
         ] }, key);
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_bootstrap23.Form, { onSubmit: handleSubmit, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_bootstrap22.Form, { onSubmit: handleSubmit, children: [
     fields.map((field) => renderField(field)),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "d-grid", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_bootstrap23.Button, { variant: "primary", type: "submit", children: "Salvar" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "d-grid", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_bootstrap22.Button, { variant: "primary", type: "submit", children: "Salvar" }) })
   ] });
 };
 var GenericForm_default = GenericForm;
 
 // src/forms/GenericSelect.tsx
-var import_react19 = require("react");
-var import_react_bootstrap24 = require("react-bootstrap");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_react_bootstrap23 = require("react-bootstrap");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var GenericSelectOps = class {
   constructor(noLabel, title, onChange, ops, selection, returnType, displayType, filter, filterField, valueType, loadFunc, loadCondition, actionClick, locked) {
     this.noLabel = noLabel;
@@ -2467,8 +2684,8 @@ var GenericSelect = ({
   isBold,
   ...restProps
 }) => {
-  const [options, setOptions] = (0, import_react19.useState)(ops || []);
-  (0, import_react19.useEffect)(() => {
+  const [options, setOptions] = (0, import_react17.useState)(ops || []);
+  (0, import_react17.useEffect)(() => {
     const loadFunction = async () => {
       if (loadCondition && loadFunc) {
         loadFunc().then((res) => {
@@ -2493,15 +2710,15 @@ var GenericSelect = ({
     }
   };
   const defaultPlaceholder = (restProps == null ? void 0 : restProps.default) || "Seleciona uma Op\xE7\xE3o";
-  const selectContent = /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-    import_react_bootstrap24.Form.Control,
+  const selectContent = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    import_react_bootstrap23.Form.Control,
     {
       disabled: locked,
       as: "select",
       value: selection,
       onChange: (event) => getTrueValue(event.target.selectedIndex),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("option", { value: void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("option", { value: void 0, children: [
           "-- ",
           defaultPlaceholder,
           " --"
@@ -2510,35 +2727,36 @@ var GenericSelect = ({
           const val = valueType && op[valueType] || op.id || op;
           let fill = displayType && op[displayType] || op;
           if (typeof fill == "object") fill = "";
-          return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("option", { value: val, children: fill }, op.id || index);
+          return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("option", { value: val, children: fill }, op.id || index);
         })
       ]
     }
   );
   if (actionClick) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_bootstrap24.Form.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react_bootstrap24.InputGroup, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap23.Form.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_bootstrap23.InputGroup, { children: [
         selectContent,
         actionClick()
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_bootstrap24.Form.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_bootstrap23.Form.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
     selectContent
   ] });
 };
 var GenericSelect_default = GenericSelect;
 
 // src/forms/FormField.tsx
-var import_react_bootstrap25 = require("react-bootstrap");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_react_bootstrap24 = require("react-bootstrap");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var FormField = ({
   val,
   onValueUpdate,
   onBlur,
   label,
+  labelPosition = "top",
   ty,
   actionClick,
   actionClick2,
@@ -2584,32 +2802,35 @@ var FormField = ({
       fieldProps.as = "textarea";
       fieldProps.rows = rows || 3;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_bootstrap25.Form.Control, { ...fieldProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_bootstrap24.Form.Control, { ...fieldProps });
   };
   if (hide) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
-    import_react_bootstrap25.Form.Group,
+  const useFloating = labelPosition === "floating" && !asTextArea;
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+    import_react_bootstrap24.Form.Group,
     {
       onFocusCapture: (e) => onFocusHandler(e.target.value),
       onMouseLeave: onMouseLv,
       onKeyDown: onKeyDownHandler,
       style: { marginTop: 4, marginBottom: 4, width: "100%" },
+      controlId: !useFloating ? controlId : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react_bootstrap25.InputGroup, { children: [
-          asTextArea ? renderField() : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_bootstrap25.FloatingLabel, { style: { zIndex: 0, flex: 1 }, label, controlId: controlId || "floatingInput", children: renderField() }),
+        !useFloating && label && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_bootstrap24.Form.Label, { className: "fw-semibold small mb-1", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_bootstrap24.InputGroup, { children: [
+          useFloating ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_bootstrap24.FloatingLabel, { style: { zIndex: 0, flex: 1 }, label, controlId: controlId || "floatingInput", children: renderField() }) : renderField(),
           actionClick && actionClick(),
           actionClick2 && actionClick2()
         ] }),
-        feedback && isInvalid && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_bootstrap25.Form.Control.Feedback, { type: "invalid", style: { display: "block" }, children: feedback })
+        feedback && isInvalid && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_bootstrap24.Form.Control.Feedback, { type: "invalid", style: { display: "block" }, children: feedback })
       ]
     }
   );
 };
 
 // src/forms/ClickToWriteField.tsx
-var import_react20 = require("react");
-var import_react_bootstrap26 = require("react-bootstrap");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_react18 = require("react");
+var import_react_bootstrap25 = require("react-bootstrap");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var ClickToWriteField = ({
   buttonDisplay,
   fieldType = "text",
@@ -2625,9 +2846,9 @@ var ClickToWriteField = ({
   onEnterPress,
   cleanRef
 }) => {
-  const [showClick, setShowClick] = (0, import_react20.useState)(false);
-  const inputRef = (0, import_react20.useRef)(null);
-  (0, import_react20.useEffect)(() => {
+  const [showClick, setShowClick] = (0, import_react18.useState)(false);
+  const inputRef = (0, import_react18.useRef)(null);
+  (0, import_react18.useEffect)(() => {
     if (showClick) {
       setTimeout(() => {
         if (inputRef.current) {
@@ -2656,9 +2877,9 @@ var ClickToWriteField = ({
       onEnterPress(inputRef);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { style: { display: "flex", width: "100%", margin: 0, padding: 0 }, children: [
-    !showClick && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-      import_react_bootstrap26.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { style: { display: "flex", width: "100%", margin: 0, padding: 0 }, children: [
+    !showClick && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      import_react_bootstrap25.Button,
       {
         style: { flexGrow: 1 },
         onClick: handleShowClick,
@@ -2666,7 +2887,7 @@ var ClickToWriteField = ({
         children: resolveButtonDisplay()
       }
     ),
-    showClick && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    showClick && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       FormField,
       {
         reference: inputRef,
@@ -2676,8 +2897,8 @@ var ClickToWriteField = ({
         label: fieldLabel,
         onValueUpdate: onFieldValueUpdate,
         onBlur: () => setShowClick(false),
-        actionClick: () => enableFieldActionButton ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-          import_react_bootstrap26.Button,
+        actionClick: () => enableFieldActionButton ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          import_react_bootstrap25.Button,
           {
             ...fieldActionButtonProps,
             onClick: () => fieldActionButtonCallback(inputRef),
@@ -2690,35 +2911,43 @@ var ClickToWriteField = ({
 };
 
 // src/forms/ColorPicker.tsx
-var import_react_bootstrap27 = require("react-bootstrap");
-var import_fa4 = require("react-icons/fa");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_react_bootstrap26 = require("react-bootstrap");
+var import_fa5 = require("react-icons/fa");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var ColorPicker = ({
   selectedColor,
   onColorChange,
+  defaultColor,
+  setCor,
   presetColors = ["#ff0000", "#ffd700", "#008000", "#0000ff", "#800080"],
   title = "Cor de Identifica\xE7\xE3o"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
-    import_react_bootstrap27.Card,
+  var _a, _b;
+  const safeSelectedColor = (_b = (_a = selectedColor != null ? selectedColor : defaultColor) != null ? _a : presetColors[0]) != null ? _b : "#000000";
+  const handleColorChange = (color) => {
+    onColorChange == null ? void 0 : onColorChange(color);
+    setCor == null ? void 0 : setCor(color);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    import_react_bootstrap26.Card,
     {
       className: "shadow-sm border-primary-hover mb-3",
       style: { maxWidth: "320px", transition: "0.3s" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_bootstrap27.Card.Header, { className: "bg-light d-flex align-items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_fa4.FaPalette, { className: "me-2 text-primary" }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fw-medium", children: title })
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react_bootstrap26.Card.Header, { className: "bg-light d-flex align-items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_fa5.FaPalette, { className: "me-2 text-primary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "fw-medium", children: title })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_bootstrap27.Card.Body, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_bootstrap27.Row, { className: "g-3 align-items-center mb-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_bootstrap27.Col, { xs: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react_bootstrap26.Card.Body, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react_bootstrap26.Row, { className: "g-3 align-items-center mb-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_bootstrap26.Col, { xs: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
               "div",
               {
                 className: "rounded-circle shadow-sm border",
                 style: {
                   width: "40px",
                   height: "40px",
-                  backgroundColor: selectedColor,
+                  backgroundColor: safeSelectedColor,
                   cursor: "pointer",
                   border: "2px solid #dee2e6"
                 },
@@ -2729,19 +2958,19 @@ var ColorPicker = ({
                 title: "Clique para abrir o seletor"
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_bootstrap27.Col, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              import_react_bootstrap27.Form.Control,
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_bootstrap26.Col, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              import_react_bootstrap26.Form.Control,
               {
                 type: "color",
                 id: "color-input-hidden",
-                value: selectedColor,
-                onChange: (e) => onColorChange(e.target.value),
+                value: safeSelectedColor,
+                onChange: (e) => handleColorChange(e.target.value),
                 className: "form-control-color-lg",
                 style: { width: "100%", height: "40px", cursor: "pointer" }
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_bootstrap27.Row, { className: "g-2 justify-content-start", children: presetColors.map((cor) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_bootstrap27.Col, { xs: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_bootstrap26.Row, { className: "g-2 justify-content-start", children: presetColors.map((cor) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_bootstrap26.Col, { xs: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "div",
             {
               className: "rounded-1 shadow-sm",
@@ -2750,9 +2979,9 @@ var ColorPicker = ({
                 height: "28px",
                 backgroundColor: cor,
                 cursor: "pointer",
-                border: cor.toLowerCase() === selectedColor.toLowerCase() ? "2px solid #0d6efd" : "1px solid #dee2e6"
+                border: cor.toLowerCase() === safeSelectedColor.toLowerCase() ? "2px solid #0d6efd" : "1px solid #dee2e6"
               },
-              onClick: () => onColorChange(cor)
+              onClick: () => handleColorChange(cor)
             }
           ) }, cor)) })
         ] })
@@ -2762,8 +2991,8 @@ var ColorPicker = ({
 };
 
 // src/forms/Switch.tsx
-var import_react_bootstrap28 = require("react-bootstrap");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_react_bootstrap27 = require("react-bootstrap");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var Switch = ({
   label,
   onSwitchChange,
@@ -2772,8 +3001,8 @@ var Switch = ({
   defaultChecked,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    import_react_bootstrap28.Form.Check,
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_react_bootstrap27.Form.Check,
     {
       ...props,
       disabled,
@@ -2787,17 +3016,17 @@ var Switch = ({
 };
 
 // src/forms/UploadArea.tsx
-var import_react21 = require("react");
+var import_react19 = require("react");
 var import_react_dropzone = require("react-dropzone");
 var import_fi4 = require("react-icons/fi");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var UploadArea = ({
   onFilePut,
   anexo,
   accept = { "image/jpeg": [], "image/png": [] },
   maxSize = 50 * 1024 * 1024
 }) => {
-  const onDrop = (0, import_react21.useCallback)(
+  const onDrop = (0, import_react19.useCallback)(
     (acceptedFiles) => {
       const file = acceptedFiles[0];
       if (file && typeof onFilePut === "function") {
@@ -2812,7 +3041,7 @@ var UploadArea = ({
     accept
   });
   const hasAnexo = Boolean(anexo);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "div",
     {
       ...getRootProps(),
@@ -2821,23 +3050,23 @@ var UploadArea = ({
 				${hasAnexo ? "upload-has-file" : ""}
 			`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("input", { ...getInputProps() }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "upload-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "upload-icon", children: hasAnexo ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_fi4.FiCheckCircle, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_fi4.FiUploadCloud, { size: 24 }) }),
-          hasAnexo ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "upload-link", children: "Arquivo anexado" }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "upload-info", children: anexo == null ? void 0 : anexo.name })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "upload-link", children: "Adicione" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("input", { ...getInputProps() }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "upload-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "upload-icon", children: hasAnexo ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_fi4.FiCheckCircle, { size: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_fi4.FiUploadCloud, { size: 24 }) }),
+          hasAnexo ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "upload-link", children: "Arquivo anexado" }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "upload-info", children: anexo == null ? void 0 : anexo.name })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "upload-link", children: "Adicione" }),
               " ou arraste arquivos aqui"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "upload-info", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { className: "upload-info", children: [
               "Formatos aceitos: ",
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("b", { children: Object.keys(accept).map((t) => t.split("/")[1].toUpperCase()).join(", ") }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("b", { children: Object.keys(accept).map((t) => t.split("/")[1].toUpperCase()).join(", ") }),
               " | Tamanho m\xE1ximo:",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("b", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("b", { children: [
                 (maxSize / (1024 * 1024)).toFixed(0),
                 "MB"
               ] })
@@ -2849,11 +3078,17 @@ var UploadArea = ({
   );
 };
 
+// src/index.ts
+var import_ui_kit_core = require("@teraprox/ui-kit-core");
+
+// src/forms/FindRecursoByTagField.tsx
+var import_ui_kit_sgm3 = require("@teraprox/ui-kit-sgm");
+
 // src/forms/SectorSelector.tsx
-var import_react22 = require("react");
-var import_react_bootstrap29 = require("react-bootstrap");
-var import_bs3 = require("react-icons/bs");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_react_bootstrap28 = require("react-bootstrap");
+var import_bs2 = require("react-icons/bs");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var SectorSelector = ({
   setores,
   onSectorSelect,
@@ -2863,9 +3098,9 @@ var SectorSelector = ({
   defaultSectorName = false,
   allowAll = false
 }) => {
-  const [expanded, setExpanded] = (0, import_react22.useState)(false);
-  const [selectedSector, setSelectedSector] = (0, import_react22.useState)(null);
-  (0, import_react22.useEffect)(() => {
+  const [expanded, setExpanded] = (0, import_react20.useState)(false);
+  const [selectedSector, setSelectedSector] = (0, import_react20.useState)(null);
+  (0, import_react20.useEffect)(() => {
     if (defaultSectorName && setores.length > 0) {
       const setor = setores.find((s) => s.nome === defaultSectorName);
       if (setor && setor.id !== (selectedSector == null ? void 0 : selectedSector.id)) {
@@ -2885,19 +3120,19 @@ var SectorSelector = ({
   };
   if (hideComponent) return null;
   const setorOptions = allowAll ? [{ id: "all", nome: "Todos" }, ...setores] : [...setores];
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react_bootstrap29.Form.Floating, { className: "sector-selector-floating", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "custom-select-container", onClick: toggleExpand, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "selected-sector-label mt-1", children: (selectedSector == null ? void 0 : selectedSector.nome) || selectionPlaceholder }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "zoom-container", children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_bs3.BsChevronUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_bs3.BsChevronDown, {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react_bootstrap28.Form.Floating, { className: "sector-selector-floating", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "custom-select-container", onClick: toggleExpand, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "selected-sector-label mt-1", children: (selectedSector == null ? void 0 : selectedSector.nome) || selectionPlaceholder }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "zoom-container", children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_bs2.BsChevronUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_bs2.BsChevronDown, {}) })
     ] }),
-    (selectedSector == null ? void 0 : selectedSector.nome) && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("label", { htmlFor: "floatingInputCustom", children: selectionLabel }),
-    expanded && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    (selectedSector == null ? void 0 : selectedSector.nome) && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("label", { htmlFor: "floatingInputCustom", children: selectionLabel }),
+    expanded && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "div",
       {
         className: "custom-dropdown-menu",
         onMouseLeave: () => setExpanded(false),
         children: [
-          setorOptions.sort((a, b) => a.nome.localeCompare(b.nome)).map((setor, idx) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          setorOptions.sort((a, b) => a.nome.localeCompare(b.nome)).map((setor, idx) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "div",
             {
               className: `dropdown-option ${setor.nome === (selectedSector == null ? void 0 : selectedSector.nome) ? "selected-option" : ""}`,
@@ -2906,7 +3141,7 @@ var SectorSelector = ({
             },
             idx
           )),
-          setores.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "dropdown-option text-muted italic", children: "Carregando setores..." })
+          setores.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "dropdown-option text-muted italic", children: "Carregando setores..." })
         ]
       }
     )
@@ -2914,8 +3149,8 @@ var SectorSelector = ({
 };
 
 // src/forms/UnidadeMaterialForm.tsx
-var import_react_bootstrap30 = require("react-bootstrap");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_react_bootstrap29 = require("react-bootstrap");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var UnidadeMaterialForm = ({
   value,
   onMaterialSelected,
@@ -2931,11 +3166,11 @@ var UnidadeMaterialForm = ({
   hideUnidade = false,
   className = ""
 }) => {
-  var _a, _b;
-  const renderNewMaterialButton = () => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_bootstrap30.Button, { onClick: onNavigateToCreateMaterial, size: "sm", variant: "outline-primary", children: "Novo Material" });
-  const renderNewUnidadeButton = () => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_bootstrap30.Button, { onClick: onNavigateToCreateUnidade, size: "sm", variant: "outline-primary", children: "Nova Unidade" });
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: `unidade-material-form ${className}`, children: [
-    !hideMaterial && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  var _a, _b, _c;
+  const renderNewMaterialButton = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_bootstrap29.Button, { onClick: onNavigateToCreateMaterial, size: "sm", variant: "outline-primary", children: "Novo Material" });
+  const renderNewUnidadeButton = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_bootstrap29.Button, { onClick: onNavigateToCreateUnidade, size: "sm", variant: "outline-primary", children: "Nova Unidade" });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: `unidade-material-form ${className}`, children: [
+    !hideMaterial && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       AutoComplete,
       {
         displayKey: "nome",
@@ -2947,20 +3182,20 @@ var UnidadeMaterialForm = ({
         actionButton: onNavigateToCreateMaterial ? renderNewMaterialButton : void 0
       }
     ),
-    !hideQuantidade && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    !hideQuantidade && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       FormField,
       {
         label: "Quantidade",
-        val: value.quantidade || "",
+        val: (_b = value == null ? void 0 : value.quantidade) != null ? _b : "",
         onValueUpdate: onQuantidadeUpdate,
         ty: "number"
       }
     ),
-    !hideUnidade && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    !hideUnidade && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       AutoComplete,
       {
         displayKey: "nome",
-        value: ((_b = value == null ? void 0 : value.unidade) == null ? void 0 : _b.nome) || "",
+        value: ((_c = value == null ? void 0 : value.unidade) == null ? void 0 : _c.nome) || "",
         loadCondition: true,
         title: "Unidade",
         loadFunc: loadUnidadesFunc,
@@ -2972,7 +3207,7 @@ var UnidadeMaterialForm = ({
 };
 
 // src/icons/IconLabelItem.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var IconLabelItem = ({
   icon,
   label,
@@ -2981,16 +3216,16 @@ var IconLabelItem = ({
   onClick,
   style
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: containerClassName, onClick, style: { ...style, cursor: onClick ? "pointer" : "default" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: containerClassName, onClick, style: { ...style, cursor: onClick ? "pointer" : "default" }, children: [
     icon,
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: labelClassName, children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: labelClassName, children: label })
   ] });
 };
 
 // src/icons/IconLabelList.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var IconLabelList = ({ items, className = "" }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `icon-label-list ${className}`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: `icon-label-list ${className}`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     IconLabelItem,
     {
       labelClassName: "icon-label",
@@ -3004,18 +3239,18 @@ var IconLabelList = ({ items, className = "" }) => {
 };
 
 // src/icons/NotificationItem.tsx
-var import_react23 = require("react");
-var import_react_bootstrap31 = require("react-bootstrap");
+var import_react21 = require("react");
+var import_react_bootstrap30 = require("react-bootstrap");
 var import_fi5 = require("react-icons/fi");
-var import_dayjs4 = __toESM(require("dayjs"));
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_dayjs5 = __toESM(require("dayjs"));
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var NotificationItem = ({
   notification,
   onRead,
   onDismiss,
   emptyContentLabel = "Sem conte\xFAdo adicional dispon\xEDvel."
 }) => {
-  const [showModal, setShowModal] = (0, import_react23.useState)(false);
+  const [showModal, setShowModal] = (0, import_react21.useState)(false);
   const { context, contextId, content, status, createdAt, readAt } = notification;
   const handleOpenModal = (e) => {
     e.stopPropagation();
@@ -3031,49 +3266,49 @@ var NotificationItem = ({
     onDismiss(notification);
   };
   const displayTitle = contextId ? `${context} - ${contextId}` : context || "Notifica\xE7\xE3o";
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       "div",
       {
         className: `notification-item-modern ${status === "unread" ? "unread" : ""}`,
         onClick: handleOpenModal,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: `notification-status-indicator ${status}`, children: status === "unread" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_fi5.FiClock, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_fi5.FiCheck, { size: 14 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "notification-main-content", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "notification-header-row", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "notification-title-modern", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "notification-context", children: context }),
-              contextId && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "notification-separator", children: "/" }),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "notification-context-id", children: contextId })
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: `notification-status-indicator ${status}`, children: status === "unread" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fi5.FiClock, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fi5.FiCheck, { size: 14 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "notification-main-content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "notification-header-row", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "notification-title-modern", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "notification-context", children: context }),
+              contextId && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "notification-separator", children: "/" }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "notification-context-id", children: contextId })
               ] })
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "notification-preview", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "notification-content-preview", children: content || "Nova mensagem recebida" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "notification-meta", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "notification-timestamp", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_fi5.FiClock, { size: 12, className: "me-1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("small", { children: (0, import_dayjs4.default)(createdAt).format("DD/MM/YYYY HH:mm") })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "notification-preview", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "notification-content-preview", children: content || "Nova mensagem recebida" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "notification-meta", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "notification-timestamp", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fi5.FiClock, { size: 12, className: "me-1" }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("small", { children: (0, import_dayjs5.default)(createdAt).format("DD/MM/YYYY HH:mm") })
               ] }),
-              readAt && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "notification-read-time", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_fi5.FiCheck, { size: 12, className: "me-1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("small", { children: [
+              readAt && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "notification-read-time", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fi5.FiCheck, { size: 12, className: "me-1" }),
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("small", { children: [
                   "Lida em ",
-                  (0, import_dayjs4.default)(readAt).format("DD/MM HH:mm")
+                  (0, import_dayjs5.default)(readAt).format("DD/MM HH:mm")
                 ] })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "notification-quick-actions", children: status === "unread" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-            import_react_bootstrap31.OverlayTrigger,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "notification-quick-actions", children: status === "unread" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_react_bootstrap30.OverlayTrigger,
             {
               placement: "top",
-              overlay: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_bootstrap31.Tooltip, { children: "Descartar" }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              overlay: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_bootstrap30.Tooltip, { children: "Descartar" }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 "button",
                 {
                   className: "notification-action-btn notification-dismiss-btn",
                   onClick: handleDismiss,
                   "aria-label": "Descartar notifica\xE7\xE3o",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_fi5.FiTrash2, { size: 14 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fi5.FiTrash2, { size: 14 })
                 }
               )
             }
@@ -3081,39 +3316,39 @@ var NotificationItem = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-      import_react_bootstrap31.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      import_react_bootstrap30.Modal,
       {
         show: showModal,
         onHide: handleCloseModal,
         centered: true,
         className: "notification-modal",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_bootstrap31.Modal.Header, { closeButton: true, className: "notification-modal-header", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_bootstrap31.Modal.Title, { className: "notification-modal-title", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "d-flex align-items-center", children: [
-            status === "unread" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_fi5.FiClock, { className: "me-2 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_fi5.FiCheck, { className: "me-2 text-success" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_bootstrap30.Modal.Header, { closeButton: true, className: "notification-modal-header", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_bootstrap30.Modal.Title, { className: "notification-modal-title", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "d-flex align-items-center", children: [
+            status === "unread" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fi5.FiClock, { className: "me-2 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fi5.FiCheck, { className: "me-2 text-success" }),
             "Detalhes da Notifica\xE7\xE3o"
           ] }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_bootstrap31.Modal.Body, { className: "notification-modal-body", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "notification-modal-content", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "notification-modal-meta", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h6", { className: "notification-modal-source", children: displayTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "notification-modal-timestamps", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("small", { className: "text-muted", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_fi5.FiClock, { size: 12, className: "me-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_bootstrap30.Modal.Body, { className: "notification-modal-body", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "notification-modal-content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "notification-modal-meta", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h6", { className: "notification-modal-source", children: displayTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "notification-modal-timestamps", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("small", { className: "text-muted", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fi5.FiClock, { size: 12, className: "me-1" }),
                   "Criada em ",
-                  (0, import_dayjs4.default)(createdAt).format("DD/MM/YYYY [\xE0s] HH:mm")
+                  (0, import_dayjs5.default)(createdAt).format("DD/MM/YYYY [\xE0s] HH:mm")
                 ] }),
-                readAt && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("small", { className: "text-muted ms-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_fi5.FiCheck, { size: 12, className: "me-1" }),
+                readAt && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("small", { className: "text-muted ms-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fi5.FiCheck, { size: 12, className: "me-1" }),
                   "Lida em ",
-                  (0, import_dayjs4.default)(readAt).format("DD/MM/YYYY [\xE0s] HH:mm")
+                  (0, import_dayjs5.default)(readAt).format("DD/MM/YYYY [\xE0s] HH:mm")
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "notification-modal-message", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-0", children: content || emptyContentLabel }) })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "notification-modal-message", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "mb-0", children: content || emptyContentLabel }) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react_bootstrap31.Modal.Footer, { className: "notification-modal-footer", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_bootstrap31.Button, { variant: "outline-secondary", onClick: handleCloseModal, children: "Fechar" }),
-            status === "unread" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_bootstrap31.Button, { variant: "primary", onClick: handleReadAndClose, children: "Marcar como lida" })
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_react_bootstrap30.Modal.Footer, { className: "notification-modal-footer", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_bootstrap30.Button, { variant: "outline-secondary", onClick: handleCloseModal, children: "Fechar" }),
+            status === "unread" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_bootstrap30.Button, { variant: "primary", onClick: handleReadAndClose, children: "Marcar como lida" })
           ] })
         ]
       }
@@ -3122,9 +3357,9 @@ var NotificationItem = ({
 };
 
 // src/icons/NotificationBell.tsx
-var import_react_bootstrap32 = require("react-bootstrap");
+var import_react_bootstrap31 = require("react-bootstrap");
 var import_fi6 = require("react-icons/fi");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var NotificationBell = ({
   notifications,
   onItemRead,
@@ -3134,11 +3369,11 @@ var NotificationBell = ({
   className = ""
 }) => {
   const unreadCount = notifications.filter((n) => n.status === "unread").length;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react_bootstrap32.Dropdown, { align: "end", className: `notification-bell-dropdown ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react_bootstrap32.Dropdown.Toggle, { as: "div", className: "position-relative cursor-pointer p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_fi6.FiBell, { size }),
-      unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-        import_react_bootstrap32.Badge,
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_react_bootstrap31.Dropdown, { align: "end", className: `notification-bell-dropdown ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_react_bootstrap31.Dropdown.Toggle, { as: "div", className: "position-relative cursor-pointer p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fi6.FiBell, { size }),
+      unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        import_react_bootstrap31.Badge,
         {
           pill: true,
           bg: "danger",
@@ -3148,15 +3383,15 @@ var NotificationBell = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
-      import_react_bootstrap32.Dropdown.Menu,
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+      import_react_bootstrap31.Dropdown.Menu,
       {
         className: "shadow-lg border-0",
         style: { width: "320px", padding: 0, maxHeight: "500px", overflowY: "auto" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "p-3 border-bottom d-flex justify-content-between align-items-center bg-light", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h6", { className: "mb-0 fw-bold", children: "Notifica\xE7\xF5es" }),
-            unreadCount > 0 && onMarkAllRead && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "p-3 border-bottom d-flex justify-content-between align-items-center bg-light", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h6", { className: "mb-0 fw-bold", children: "Notifica\xE7\xF5es" }),
+            unreadCount > 0 && onMarkAllRead && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "button",
               {
                 className: "btn btn-link btn-sm p-0 text-decoration-none",
@@ -3168,7 +3403,7 @@ var NotificationBell = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "notification-list", children: notifications.length > 0 ? notifications.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()).map((n) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "notification-list", children: notifications.length > 0 ? notifications.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()).map((n) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             NotificationItem,
             {
               notification: n,
@@ -3176,11 +3411,11 @@ var NotificationBell = ({
               onDismiss: onItemDismiss
             },
             n.id
-          )) : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "p-4 text-center text-muted", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_fi6.FiBell, { size: 24, className: "mb-2 opacity-25" }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "mb-0 small", children: "Nenhuma notifica\xE7\xE3o por aqui." })
+          )) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "p-4 text-center text-muted", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fi6.FiBell, { size: 24, className: "mb-2 opacity-25" }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "mb-0 small", children: "Nenhuma notifica\xE7\xE3o por aqui." })
           ] }) }),
-          notifications.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "p-2 border-top text-center bg-light", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("small", { className: "text-muted", children: [
+          notifications.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "p-2 border-top text-center bg-light", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("small", { className: "text-muted", children: [
             "Total: ",
             notifications.length,
             " notifica\xE7\xF5es"
@@ -3192,8 +3427,8 @@ var NotificationBell = ({
 };
 
 // src/modals/ModalBasicTemplate.tsx
-var import_react_bootstrap33 = require("react-bootstrap");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_react_bootstrap32 = require("react-bootstrap");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var ModalBasicTemplate = ({
   show,
   closeFunc,
@@ -3207,8 +3442,8 @@ var ModalBasicTemplate = ({
     if (typeof part === "function") return part();
     return part;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
-    import_react_bootstrap33.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+    import_react_bootstrap32.Modal,
     {
       show,
       onHide: closeFunc,
@@ -3216,11 +3451,11 @@ var ModalBasicTemplate = ({
       style: dialogStyle,
       ...modalProps,
       children: [
-        header && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap33.Modal.Header, { closeButton: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap33.Modal.Title, { children: renderPart(header) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap33.Modal.Body, { style: bodyStyle, children: renderPart(body) }),
-        footer && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react_bootstrap33.Modal.Footer, { children: [
+        header && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_bootstrap32.Modal.Header, { closeButton: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_bootstrap32.Modal.Title, { children: renderPart(header) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_bootstrap32.Modal.Body, { style: bodyStyle, children: renderPart(body) }),
+        footer && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react_bootstrap32.Modal.Footer, { children: [
           renderPart(footer),
-          !footer && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap33.Button, { variant: "secondary", onClick: closeFunc, children: "Fechar" })
+          !footer && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_bootstrap32.Button, { variant: "secondary", onClick: closeFunc, children: "Fechar" })
         ] })
       ]
     }
@@ -3229,10 +3464,10 @@ var ModalBasicTemplate = ({
 var ModalBasicTemplate_default = ModalBasicTemplate;
 
 // src/modals/SelectDateModal.tsx
-var import_react24 = require("react");
-var import_react_bootstrap34 = require("react-bootstrap");
-var import_dayjs5 = __toESM(require("dayjs"));
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_react22 = require("react");
+var import_react_bootstrap33 = require("react-bootstrap");
+var import_dayjs6 = __toESM(require("dayjs"));
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var SelectDateModal = ({
   show,
   onClose,
@@ -3242,40 +3477,40 @@ var SelectDateModal = ({
   initialDate,
   allowFuture = true
 }) => {
-  const [selectedDate, setSelectedDate] = (0, import_react24.useState)(
-    initialDate || (0, import_dayjs5.default)().format("YYYY-MM-DDTHH:mm")
+  const [selectedDate, setSelectedDate] = (0, import_react22.useState)(
+    initialDate || (0, import_dayjs6.default)().format("YYYY-MM-DDTHH:mm")
   );
   const handleConfirm = () => {
     onSelect(selectedDate);
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react_bootstrap34.Modal, { show, onHide: onClose, centered: true, size: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_bootstrap34.Modal.Header, { closeButton: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_bootstrap34.Modal.Title, { children: title }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_bootstrap34.Modal.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react_bootstrap34.Form.Group, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_bootstrap34.Form.Label, { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react_bootstrap34.Form.Control,
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react_bootstrap33.Modal, { show, onHide: onClose, centered: true, size: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_bootstrap33.Modal.Header, { closeButton: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_bootstrap33.Modal.Title, { children: title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_bootstrap33.Modal.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react_bootstrap33.Form.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_bootstrap33.Form.Label, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        import_react_bootstrap33.Form.Control,
         {
           type: "datetime-local",
           value: selectedDate,
-          max: allowFuture ? void 0 : (0, import_dayjs5.default)().format("YYYY-MM-DDTHH:mm"),
+          max: allowFuture ? void 0 : (0, import_dayjs6.default)().format("YYYY-MM-DDTHH:mm"),
           onChange: (e) => setSelectedDate(e.target.value)
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react_bootstrap34.Modal.Footer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_bootstrap34.Button, { variant: "outline-secondary", onClick: onClose, children: "Cancelar" }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_bootstrap34.Button, { variant: "primary", onClick: handleConfirm, children: "Confirmar" })
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react_bootstrap33.Modal.Footer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_bootstrap33.Button, { variant: "outline-secondary", onClick: onClose, children: "Cancelar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_bootstrap33.Button, { variant: "primary", onClick: handleConfirm, children: "Confirmar" })
     ] })
   ] });
 };
 
 // src/modals/JustificativaModal.tsx
-var import_react25 = require("react");
-var import_react_bootstrap35 = require("react-bootstrap");
-var import_fa5 = require("react-icons/fa");
-var import_dayjs6 = __toESM(require("dayjs"));
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_react_bootstrap34 = require("react-bootstrap");
+var import_fa6 = require("react-icons/fa");
+var import_dayjs7 = __toESM(require("dayjs"));
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var JustificativaModal = ({
   show,
   onClose,
@@ -3284,10 +3519,10 @@ var JustificativaModal = ({
   currentUserName,
   onUpdateJustificativas
 }) => {
-  const [localJustificativas, setLocalJustificativas] = (0, import_react25.useState)(initialJustificativas);
-  const [novaDescricao, setNovaDescricao] = (0, import_react25.useState)("");
-  const [editandoId, setEditandoId] = (0, import_react25.useState)(null);
-  (0, import_react25.useEffect)(() => {
+  const [localJustificativas, setLocalJustificativas] = (0, import_react23.useState)(initialJustificativas);
+  const [novaDescricao, setNovaDescricao] = (0, import_react23.useState)("");
+  const [editandoId, setEditandoId] = (0, import_react23.useState)(null);
+  (0, import_react23.useEffect)(() => {
     setLocalJustificativas(initialJustificativas);
   }, [initialJustificativas]);
   const handleAddOrEdit = async () => {
@@ -3323,14 +3558,14 @@ var JustificativaModal = ({
     await onUpdateJustificativas(updated);
     setLocalJustificativas(updated);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react_bootstrap35.Modal, { show, onHide: onClose, centered: true, size: "lg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_bootstrap35.Modal.Header, { closeButton: true, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_bootstrap35.Modal.Title, { children: "Justificativas / Coment\xE1rios" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react_bootstrap35.Modal.Body, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react_bootstrap35.Form, { className: "mb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react_bootstrap35.Form.Group, { controlId: "justificativaInput", className: "mb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_bootstrap35.Form.Label, { className: "small text-muted fw-bold", children: "NOVO REGISTRO" }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-            import_react_bootstrap35.Form.Control,
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react_bootstrap34.Modal, { show, onHide: onClose, centered: true, size: "lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap34.Modal.Header, { closeButton: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap34.Modal.Title, { children: "Justificativas / Coment\xE1rios" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react_bootstrap34.Modal.Body, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react_bootstrap34.Form, { className: "mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react_bootstrap34.Form.Group, { controlId: "justificativaInput", className: "mb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap34.Form.Label, { className: "small text-muted fw-bold", children: "NOVO REGISTRO" }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            import_react_bootstrap34.Form.Control,
             {
               as: "textarea",
               rows: 2,
@@ -3340,13 +3575,13 @@ var JustificativaModal = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "d-flex justify-content-end", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_bootstrap35.Button, { variant: "primary", size: "sm", onClick: handleAddOrEdit, children: editandoId ? "Salvar Edi\xE7\xE3o" : "Adicionar Justificativa" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "d-flex justify-content-end", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap34.Button, { variant: "primary", size: "sm", onClick: handleAddOrEdit, children: editandoId ? "Salvar Edi\xE7\xE3o" : "Adicionar Justificativa" }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_bootstrap35.ListGroup, { className: "border-0", children: localJustificativas.map((j) => {
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap34.ListGroup, { className: "border-0", children: localJustificativas.map((j) => {
         var _a, _b, _c;
         const isMe = ((_a = j.user) == null ? void 0 : _a.userId) === currentUserId;
-        return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
-          import_react_bootstrap35.ListGroup.Item,
+        return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+          import_react_bootstrap34.ListGroup.Item,
           {
             className: "border-0 px-0",
             style: {
@@ -3357,11 +3592,11 @@ var JustificativaModal = ({
               backgroundColor: "transparent"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "d-flex align-items-center mb-1", style: { width: "100%", justifyContent: isMe ? "flex-start" : "flex-end" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "small fw-bold text-dark me-2", children: isMe ? "Voc\xEA" : ((_b = j.user) == null ? void 0 : _b.userName) || ((_c = j.user) == null ? void 0 : _c.firstName) || "Usu\xE1rio" }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_bootstrap35.Badge, { bg: "secondary", style: { fontSize: "0.65rem" }, children: (0, import_dayjs6.default)(j.createdAt).format("DD/MM [\xE0s] HH:mm") })
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "d-flex align-items-center mb-1", style: { width: "100%", justifyContent: isMe ? "flex-start" : "flex-end" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "small fw-bold text-dark me-2", children: isMe ? "Voc\xEA" : ((_b = j.user) == null ? void 0 : _b.userName) || ((_c = j.user) == null ? void 0 : _c.firstName) || "Usu\xE1rio" }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap34.Badge, { bg: "secondary", style: { fontSize: "0.65rem" }, children: (0, import_dayjs7.default)(j.createdAt).format("DD/MM [\xE0s] HH:mm") })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 "div",
                 {
                   onClick: () => !j.removed && isMe && (setNovaDescricao(j.descricao), setEditandoId(j.id)),
@@ -3380,15 +3615,15 @@ var JustificativaModal = ({
                   children: j.descricao
                 }
               ),
-              isMe && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mt-1 d-flex gap-2", children: j.removed ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_bootstrap35.OverlayTrigger, { placement: "top", overlay: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_bootstrap35.Tooltip, { children: "Desfazer" }), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                import_fa5.FaUndo,
+              isMe && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "mt-1 d-flex gap-2", children: j.removed ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap34.OverlayTrigger, { placement: "top", overlay: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap34.Tooltip, { children: "Desfazer" }), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                import_fa6.FaUndo,
                 {
                   onClick: () => handleUndoRemove(j.id),
                   className: "text-success cursor-pointer",
                   size: 14
                 }
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_bootstrap35.OverlayTrigger, { placement: "top", overlay: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_bootstrap35.Tooltip, { children: "Remover" }), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                import_fa5.FaTrashAlt,
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap34.OverlayTrigger, { placement: "top", overlay: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap34.Tooltip, { children: "Remover" }), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                import_fa6.FaTrashAlt,
                 {
                   onClick: () => handleRemove(j.id),
                   className: "text-danger cursor-pointer",
@@ -3401,14 +3636,14 @@ var JustificativaModal = ({
         );
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_bootstrap35.Modal.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_bootstrap35.Button, { variant: "outline-secondary", onClick: onClose, children: "Fechar" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap34.Modal.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_bootstrap34.Button, { variant: "outline-secondary", onClick: onClose, children: "Fechar" }) })
   ] });
 };
 
 // src/modals/ImageViewModal.tsx
-var import_react26 = require("react");
-var import_react_bootstrap36 = require("react-bootstrap");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_react24 = require("react");
+var import_react_bootstrap35 = require("react-bootstrap");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var ImageViewModal = ({
   show,
   onHide,
@@ -3417,10 +3652,10 @@ var ImageViewModal = ({
   imageAltText = "Visualiza\xE7\xE3o de imagem",
   resolveImageUrl
 }) => {
-  const [selectedImageKey, setSelectedImageKey] = (0, import_react26.useState)(null);
-  const [imageSrc, setImageSrc] = (0, import_react26.useState)(null);
-  const [currentAuthor, setCurrentAuthor] = (0, import_react26.useState)("Desconhecido");
-  (0, import_react26.useEffect)(() => {
+  const [selectedImageKey, setSelectedImageKey] = (0, import_react24.useState)(null);
+  const [imageSrc, setImageSrc] = (0, import_react24.useState)(null);
+  const [currentAuthor, setCurrentAuthor] = (0, import_react24.useState)("Desconhecido");
+  (0, import_react24.useEffect)(() => {
     if (show && initialImageData) {
       setSelectedImageKey(initialImageData.key);
       setCurrentAuthor(initialImageData.author || "Desconhecido");
@@ -3429,7 +3664,7 @@ var ImageViewModal = ({
       setCurrentAuthor(imagesData[0].author || "Desconhecido");
     }
   }, [show, initialImageData]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (show && selectedImageKey) {
       setImageSrc(null);
       const file = imagesData.find((f) => f.key === selectedImageKey);
@@ -3442,8 +3677,8 @@ var ImageViewModal = ({
   }, [show, selectedImageKey]);
   const renderImageSelector = () => {
     if (imagesData.length <= 1) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mb-3 d-flex flex-wrap justify-content-center gap-2", children: imagesData.map((img, idx) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-      import_react_bootstrap36.Button,
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mb-3 d-flex flex-wrap justify-content-center gap-2", children: imagesData.map((img, idx) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react_bootstrap35.Button,
       {
         variant: selectedImageKey === img.key ? "primary" : "outline-secondary",
         size: "sm",
@@ -3456,9 +3691,9 @@ var ImageViewModal = ({
       idx
     )) });
   };
-  const body = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "text-center", children: [
+  const body = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "text-center", children: [
     renderImageSelector(),
-    imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "img",
       {
         src: imageSrc,
@@ -3466,9 +3701,9 @@ var ImageViewModal = ({
         className: "img-fluid rounded shadow-sm",
         style: { maxHeight: "75vh", objectFit: "contain" }
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "p-5 text-muted", children: "Aguardando imagem..." })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "p-5 text-muted", children: "Aguardando imagem..." })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     ModalBasicTemplate_default,
     {
       header: "Visualiza\xE7\xE3o de Imagem",
@@ -3476,20 +3711,168 @@ var ImageViewModal = ({
       show,
       body,
       props: { size: "lg" },
-      footer: () => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "w-100 d-flex justify-content-between align-items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("small", { className: "text-muted", children: [
+      footer: () => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "w-100 d-flex justify-content-between align-items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("small", { className: "text-muted", children: [
           "Enviado por: ",
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("strong", { children: currentAuthor })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("strong", { children: currentAuthor })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_bootstrap36.Button, { variant: "outline-secondary", size: "sm", onClick: onHide, children: "Fechar" })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_bootstrap35.Button, { variant: "outline-secondary", size: "sm", onClick: onHide, children: "Fechar" })
       ] })
     }
   );
 };
 
+// src/qr/QrReader.tsx
+var import_qr_scanner = __toESM(require("qr-scanner"));
+var import_react25 = require("react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var QrReader = ({ callback }) => {
+  const scanner = (0, import_react25.useRef)(null);
+  const videoEl = (0, import_react25.useRef)(null);
+  const qrBoxEl = (0, import_react25.useRef)(null);
+  const [qrOn, setQrOn] = (0, import_react25.useState)(true);
+  const [scannedResult, setScannedResult] = (0, import_react25.useState)("");
+  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);
+    }
+  };
+  (0, import_react25.useEffect)(() => {
+    if (videoEl.current && !scanner.current) {
+      scanner.current = new import_qr_scanner.default(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;
+      }
+    };
+  }, []);
+  (0, import_react25.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "qr-reader", style: { position: "relative", width: "100%", maxWidth: "500px", margin: "0 auto" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("video", { ref: videoEl, style: { width: "100%", borderRadius: "8px" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { ref: qrBoxEl, className: "qr-box" }),
+    scannedResult && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+      "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
+var import_react26 = require("react");
+var import_bs3 = require("react-icons/bs");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var QrCodeScanButton = ({ callback, size = 25 }) => {
+  const [showQr, setShowQr] = (0, import_react26.useState)(false);
+  const toggleQr = () => {
+    setShowQr((prev) => !prev);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    "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__ */ (0, import_jsx_runtime51.jsx)(import_bs3.BsQrCode, { size }),
+        showQr && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          "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__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { width: "100%", maxWidth: "500px", backgroundColor: "#fff", borderRadius: "12px", padding: "20px", position: "relative" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                "div",
+                {
+                  onClick: toggleQr,
+                  style: { position: "absolute", top: "10px", right: "15px", fontSize: "1.5rem", cursor: "pointer", zIndex: 10001 },
+                  children: "\xD7"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h5", { className: "mb-3 text-center", children: "Escaneie o QR Code" }),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                QrReader,
+                {
+                  callback: (v) => {
+                    toggleQr();
+                    callback(v);
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "mt-3 text-muted text-center small", children: "Aponte a c\xE2mera para o c\xF3digo" })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+
 // src/tables/ReusableTableWithModal.tsx
 var import_react27 = require("react");
-var import_react_bootstrap37 = require("react-bootstrap");
+var import_react_bootstrap36 = require("react-bootstrap");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var ReusableTableWithModal = ({
   fetchDataCallback,
@@ -3532,7 +3915,7 @@ var ReusableTableWithModal = ({
     setSelectedItem(null);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react_bootstrap37.Table, { striped: true, bordered: true, hover: true, responsive: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react_bootstrap36.Table, { striped: true, bordered: true, hover: true, responsive: true, children: [
       /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("tr", { children: headers.map((col, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("th", { children: col }, index)) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("tbody", { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("td", { colSpan: headers.length, className: "text-center py-4", children: "Carregando..." }) }) : tableDataRows.length > 0 ? tableDataRows.map((td, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         "tr",
@@ -3544,13 +3927,13 @@ var ReusableTableWithModal = ({
         index
       )) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("td", { colSpan: headers.length, className: "text-center py-4", children: "Nenhum dado encontrado." }) }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react_bootstrap37.Modal, { show: showModal, onHide: handleCloseModal, centered: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_bootstrap37.Modal.Header, { closeButton: true, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_bootstrap37.Modal.Title, { children: "Detalhes" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_bootstrap37.Modal.Body, { children: selectedItem && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { children: modalContent ? modalContent(selectedItem) : "Visualizando detalhes do item." }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react_bootstrap37.Modal.Footer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_bootstrap37.Button, { variant: "outline-secondary", onClick: handleCloseModal, children: "Fechar" }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react_bootstrap36.Modal, { show: showModal, onHide: handleCloseModal, centered: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_bootstrap36.Modal.Header, { closeButton: true, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_bootstrap36.Modal.Title, { children: "Detalhes" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_bootstrap36.Modal.Body, { children: selectedItem && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { children: modalContent ? modalContent(selectedItem) : "Visualizando detalhes do item." }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react_bootstrap36.Modal.Footer, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_bootstrap36.Button, { variant: "outline-secondary", onClick: handleCloseModal, children: "Fechar" }),
         modalButtonCallback && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-          import_react_bootstrap37.Button,
+          import_react_bootstrap36.Button,
           {
             variant: "primary",
             onClick: () => {
@@ -3567,7 +3950,7 @@ var ReusableTableWithModal = ({
 
 // src/text/TextWithMore.tsx
 var import_react28 = require("react");
-var import_react_bootstrap38 = require("react-bootstrap");
+var import_react_bootstrap37 = require("react-bootstrap");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var TextWithMore = ({
   text = "Carregando...",
@@ -3584,7 +3967,7 @@ var TextWithMore = ({
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-with-more-content", children: displayText }),
     isTruncated && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-      import_react_bootstrap38.Button,
+      import_react_bootstrap37.Button,
       {
         variant: "link",
         className: "p-0 ms-2",
@@ -3595,16 +3978,24 @@ var TextWithMore = ({
     )
   ] });
 };
+
+// src/index.ts
+var import_ui_kit_sgp = require("@teraprox/ui-kit-sgp");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionButtons,
   AddButton,
   AdvancedFilterBar,
+  AnexoManager,
   ApproveAndReproveButtons,
   AsyncButton,
   AutoComplete,
   BonusButton,
+  BranchDropDisplay,
   ButtonWithDropdown,
+  CalculadoraCorrecaoModal,
+  CalculoCorrecao,
+  CampoDeVerificacaoV2,
   CheckBox,
   ClickToWriteField,
   ColorPicker,
@@ -3614,6 +4005,7 @@ var TextWithMore = ({
   ExpandableCard,
   FindRecursoByTagField,
   FormField,
+  FrequenciaFormV2,
   Generic3DotMenu,
   GenericChart,
   GenericDisplay,
@@ -3636,6 +4028,7 @@ var TextWithMore = ({
   PeriodSelector,
   QrCodeScanButton,
   QrReader,
+  RateLimitBar,
   RecursoDisplayer,
   ResponsiveContainer,
   ReusableTableWithModal,
@@ -3647,9 +4040,12 @@ var TextWithMore = ({
   StatusPills,
   Switch,
   SwitchOnClick,
+  TarefaUnidadeForm,
   TextWithMore,
   TimerDisplay,
+  UnidadeMaterialCard,
   UnidadeMaterialForm,
+  UnifiedPeriodSelector,
   UploadArea,
   UuidPill,
   VerticalItemsDisplay