@cnc-ti/layout-basic 8.5.0 → 8.7.0

package/dist/index.mjs

@@ -1,8 +1,4 @@
-
-        if (typeof window !== 'undefined') {
-          "use client";
-        }
-      
+"use client";
 
 // src/components/Button/index.tsx
 import { Slot } from "@radix-ui/react-slot";
@@ -157,6 +153,20 @@ var Bell = createLucideIcon("Bell", [
   ["path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0", key: "qgo35s" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/calendar-days.js
+var CalendarDays = createLucideIcon("CalendarDays", [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M16 14h.01", key: "1gbofw" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M16 18h.01", key: "kzsmim" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/check.js
 var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 
@@ -165,6 +175,11 @@ var ChevronDown = createLucideIcon("ChevronDown", [
   ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/chevron-left.js
+var ChevronLeft = createLucideIcon("ChevronLeft", [
+  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/chevron-right.js
 var ChevronRight = createLucideIcon("ChevronRight", [
   ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
@@ -184,6 +199,29 @@ var Circle = createLucideIcon("Circle", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/download.js
+var Download = createLucideIcon("Download", [
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
+  ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
+]);
+
+// ../../node_modules/lucide-react/dist/esm/icons/external-link.js
+var ExternalLink = createLucideIcon("ExternalLink", [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+]);
+
+// ../../node_modules/lucide-react/dist/esm/icons/file-text.js
+var FileText = createLucideIcon("FileText", [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/filter-x.js
 var FilterX = createLucideIcon("FilterX", [
   ["path", { d: "M13.013 3H2l8 9.46V19l4 2v-8.54l.9-1.055", key: "1fi1da" }],
@@ -232,6 +270,35 @@ var Mail = createLucideIcon("Mail", [
   ["path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7", key: "1ocrg3" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/paperclip.js
+var Paperclip = createLucideIcon("Paperclip", [
+  [
+    "path",
+    {
+      d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48",
+      key: "1u3ebp"
+    }
+  ]
+]);
+
+// ../../node_modules/lucide-react/dist/esm/icons/pencil.js
+var Pencil = createLucideIcon("Pencil", [
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ],
+  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+]);
+
+// ../../node_modules/lucide-react/dist/esm/icons/plus.js
+var Plus = createLucideIcon("Plus", [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/search.js
 var Search = createLucideIcon("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
@@ -247,6 +314,12 @@ var Trash2 = createLucideIcon("Trash2", [
   ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/user.js
+var User = createLucideIcon("User", [
+  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
+  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/x.js
 var X = createLucideIcon("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
@@ -3837,15 +3910,53 @@ var Input = React9.forwardRef(
 );
 Input.displayName = "Input";
 
-// src/components/atoms/forms/checkbox.tsx
+// src/components/atoms/forms/textarea.tsx
 import * as React10 from "react";
 import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
-var Checkbox = React10.forwardRef(
+var Textarea = React10.forwardRef(
+  ({ className, id, label, required, ...props }, ref) => {
+    const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
+    return /* @__PURE__ */ jsxs12("div", { className: "cnc-w-full", children: [
+      label && /* @__PURE__ */ jsxs12(
+        "label",
+        {
+          htmlFor: idGenerate,
+          className: "cnc-block cnc-text-sm cnc-mb-1 cnc-font-medium cnc-text-brand-gray-600",
+          children: [
+            label,
+            required && /* @__PURE__ */ jsx14("span", { className: "text-red-500", children: " *" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        "textarea",
+        {
+          id: idGenerate,
+          className: cn(
+            "cnc-flex cnc-min-h-[96px] cnc-w-full cnc-rounded-md cnc-border cnc-border-input cnc-bg-transparent cnc-px-3 cnc-py-2 cnc-text-base cnc-shadow-sm cnc-transition-colors",
+            "placeholder:cnc-text-muted-foreground focus-visible:cnc-outline-none",
+            "focus-visible:cnc-ring-2 focus-visible:cnc-ring-brand-gray-500/50 disabled:cnc-cursor-not-allowed disabled:cnc-opacity-50 md:cnc-text-sm",
+            "not-disabled:hover:cnc-border-brand-gray-500",
+            className
+          ),
+          ref,
+          ...props
+        }
+      )
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/atoms/forms/checkbox.tsx
+import * as React11 from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var Checkbox = React11.forwardRef(
   ({ className, id, label, ...props }, ref) => {
     console.log();
     const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
-    return /* @__PURE__ */ jsxs12("div", { className: "cnc-w-full cnc-flex cnc-flex-row", children: [
-      /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsxs13("div", { className: "cnc-w-full cnc-flex cnc-flex-row", children: [
+      /* @__PURE__ */ jsx15(
         "input",
         {
           type: "checkbox",
@@ -3855,7 +3966,7 @@ var Checkbox = React10.forwardRef(
           ...props
         }
       ),
-      label && /* @__PURE__ */ jsx14(
+      label && /* @__PURE__ */ jsx15(
         "label",
         {
           htmlFor: idGenerate,
@@ -3869,9 +3980,9 @@ var Checkbox = React10.forwardRef(
 Checkbox.displayName = "Checkbox";
 
 // src/components/atoms/forms/switch.tsx
-import * as React11 from "react";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
-var Switch = React11.forwardRef(
+import * as React12 from "react";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+var Switch = React12.forwardRef(
   ({
     className,
     id,
@@ -3885,12 +3996,12 @@ var Switch = React11.forwardRef(
     name,
     "aria-label": ariaLabel
   }, ref) => {
-    const [internalChecked, setInternalChecked] = React11.useState(
+    const [internalChecked, setInternalChecked] = React12.useState(
       defaultChecked ?? false
     );
     const isControlled = checked !== void 0;
     const isChecked = isControlled ? checked : internalChecked;
-    const reactId = React11.useId();
+    const reactId = React12.useId();
     const fieldId = id || reactId;
     const handleToggle = () => {
       if (disabled) return;
@@ -3900,8 +4011,8 @@ var Switch = React11.forwardRef(
       }
       onChange?.(newValue);
     };
-    return /* @__PURE__ */ jsxs13("div", { className: cn("cnc-flex cnc-items-center cnc-gap-2", className), children: [
-      /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsxs14("div", { className: cn("cnc-flex cnc-items-center cnc-gap-2", className), children: [
+      /* @__PURE__ */ jsx16(
         "input",
         {
           type: "checkbox",
@@ -3913,7 +4024,7 @@ var Switch = React11.forwardRef(
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         "button",
         {
           ref,
@@ -3931,7 +4042,7 @@ var Switch = React11.forwardRef(
             "disabled:cnc-cursor-not-allowed disabled:cnc-opacity-50",
             isChecked ? "cnc-bg-brand-blue-400 cnc-border-brand-blue-500" : "cnc-bg-brand-gray-20 cnc-border-brand-gray-100"
           ),
-          children: /* @__PURE__ */ jsx15(
+          children: /* @__PURE__ */ jsx16(
             "span",
             {
               className: cn(
@@ -3942,14 +4053,14 @@ var Switch = React11.forwardRef(
           )
         }
       ),
-      label && /* @__PURE__ */ jsxs13(
+      label && /* @__PURE__ */ jsxs14(
         "label",
         {
           htmlFor: fieldId,
           className: "cnc-text-sm cnc-font-medium cnc-text-brand-gray-600 cnc-cursor-pointer",
           children: [
             label,
-            required && /* @__PURE__ */ jsx15("span", { className: "cnc-text-red-500", children: " *" })
+            required && /* @__PURE__ */ jsx16("span", { className: "cnc-text-red-500", children: " *" })
           ]
         }
       )
@@ -3959,7 +4070,7 @@ var Switch = React11.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/atoms/display/badge.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var Badge = ({
   variant = "default",
   rounded = true,
@@ -3981,7 +4092,7 @@ var Badge = ({
     md: "cnc-text-sm cnc-px-3 cnc-py-1",
     lg: "cnc-text-base cnc-px-4 cnc-py-2"
   };
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "span",
     {
       className: cn(
@@ -3996,13 +4107,73 @@ var Badge = ({
   );
 };
 
+// src/components/atoms/display/avatar.tsx
+import * as React13 from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var avatarSizeClasses = {
+  sm: "cnc-size-8 cnc-text-[10px]",
+  md: "cnc-size-12 cnc-text-xs",
+  lg: "cnc-size-16 cnc-text-sm",
+  xl: "cnc-size-24 cnc-text-xl"
+};
+var avatarSizeIcon = {
+  sm: 16,
+  md: 20,
+  lg: 28,
+  xl: 40
+};
+function Avatar({
+  src,
+  alt,
+  fallback,
+  size = "md",
+  isLoading = false,
+  className,
+  ...props
+}) {
+  const [hasError, setHasError] = React13.useState(false);
+  const baseClasses = cn(
+    "cnc-flex cnc-shrink-0 cnc-items-center cnc-justify-center cnc-overflow-hidden cnc-rounded-full cnc-border-2 cnc-border-brand-gray-50 cnc-bg-brand-gray-10 cnc-text-brand-gray-200",
+    avatarSizeClasses[size],
+    className
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsx18(
+      "span",
+      {
+        className: cn(baseClasses, "cnc-animate-pulse cnc-bg-brand-gray-50"),
+        role: "status",
+        "aria-label": "Carregando avatar",
+        ...props
+      }
+    );
+  }
+  const showImage = src && !hasError;
+  return /* @__PURE__ */ jsx18("span", { className: baseClasses, ...props, children: showImage ? /* @__PURE__ */ jsx18(
+    "img",
+    {
+      src,
+      alt: alt ?? "Avatar",
+      className: "cnc-h-full cnc-w-full cnc-object-cover",
+      onError: () => setHasError(true)
+    }
+  ) : fallback ? /* @__PURE__ */ jsx18("span", { className: "cnc-font-bold", children: fallback }) : /* @__PURE__ */ jsx18(
+    User,
+    {
+      className: "cnc-shrink-0",
+      size: avatarSizeIcon[size],
+      "aria-hidden": "true"
+    }
+  ) });
+}
+
 // src/components/molecules/card.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Card({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: cn(
@@ -4017,7 +4188,7 @@ function CardHeader({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx17("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ jsx19(
     "div",
     {
       className: cn(
@@ -4032,13 +4203,13 @@ function CardContent({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx17("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
+  return /* @__PURE__ */ jsx19("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
 }
 function CardFooter({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: cn(
@@ -4053,7 +4224,7 @@ function CardFooterItem({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: cn(
@@ -4067,7 +4238,7 @@ function CardFooterItem({
 
 // src/components/molecules/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
@@ -4075,16 +4246,16 @@ var AnimatedCollapsibleContent = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx18(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
+  return /* @__PURE__ */ jsx20(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
 };
 
 // src/components/molecules/display/page-header.tsx
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 function PageHeader({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     "header",
     {
       className: cn(
@@ -4099,7 +4270,7 @@ function PageHeaderTitleContent({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       className: cn(
@@ -4116,16 +4287,16 @@ function PageHeaderTitle({
   titleAs = "h1"
 }) {
   const ComponentTitle = titleAs;
-  return /* @__PURE__ */ jsxs14("div", { children: [
-    /* @__PURE__ */ jsx19(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
-    description && /* @__PURE__ */ jsx19("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx21(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
+    description && /* @__PURE__ */ jsx21("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
   ] });
 }
 function PageHeaderActionsContainer({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       className: cn(
@@ -4137,17 +4308,151 @@ function PageHeaderActionsContainer({
   );
 }
 function Title2({ title, as: Component = "h1" }) {
-  return /* @__PURE__ */ jsx19(Component, { className: "cnc-text-[24px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-2 cnc-mb-4 text-center md:cnc-text-[28px] md:cnc-text-left", children: title });
+  return /* @__PURE__ */ jsx21(Component, { className: "cnc-text-[24px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-2 cnc-mb-4 text-center md:cnc-text-[28px] md:cnc-text-left", children: title });
+}
+
+// src/components/molecules/display/empty-state.tsx
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+function EmptyState({
+  icon,
+  title,
+  description,
+  action,
+  minHeight = "cnc-min-h-48",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs16(
+    "div",
+    {
+      className: cn(
+        "cnc-flex cnc-flex-col cnc-items-center cnc-justify-center cnc-rounded-md cnc-border cnc-border-dashed cnc-border-brand-gray-50 cnc-bg-brand-blue-50 cnc-px-4 cnc-py-8 cnc-text-center",
+        minHeight,
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx22("div", { className: "cnc-mb-3 cnc-text-brand-gray-200", children: icon ?? /* @__PURE__ */ jsx22(FolderOpen, { className: "cnc-h-10 cnc-w-10" }) }),
+        /* @__PURE__ */ jsx22("p", { className: "cnc-text-sm cnc-font-medium cnc-text-brand-blue-600", children: title }),
+        description ? /* @__PURE__ */ jsx22("p", { className: "cnc-mt-1 cnc-max-w-md cnc-text-sm cnc-text-brand-gray-200", children: description }) : null,
+        action ? /* @__PURE__ */ jsx22("div", { className: "cnc-mt-4", children: action }) : null
+      ]
+    }
+  );
+}
+
+// src/components/molecules/display/result-metadata.tsx
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+function encontradosSuffix(resourceName, forceWordGender) {
+  if (forceWordGender === "masc") return "o";
+  if (forceWordGender === "fem") return "a";
+  return resourceName.endsWith("a") ? "a" : "o";
+}
+function ResultMetadata({
+  resourceName,
+  total,
+  displayed,
+  isLoading = false,
+  forceWordGender,
+  truncationThreshold = 30,
+  className,
+  ...props
+}) {
+  const encontradVogal = encontradosSuffix(resourceName, forceWordGender);
+  return /* @__PURE__ */ jsxs17(
+    "div",
+    {
+      className: cn("cnc-mt-4 cnc-mb-4", className),
+      role: "status",
+      "aria-live": "polite",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx23("div", { className: "cnc-text-base cnc-font-bold cnc-text-brand-blue-100", children: `${resourceName} encontrad${encontradVogal}s | ${isLoading ? "carregando ..." : total?.toLocaleString("pt-BR")}` }),
+        displayed >= truncationThreshold && /* @__PURE__ */ jsxs17("div", { children: [
+          "Exibindo os ",
+          /* @__PURE__ */ jsx23("span", { className: "cnc-font-bold", children: displayed }),
+          " primeiros registros. Utilize os filtros para refinar sua busca."
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/molecules/display/label-value.tsx
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+function LabelValue({
+  label,
+  value,
+  href,
+  className,
+  valueClassName
+}) {
+  return /* @__PURE__ */ jsxs18("div", { className, children: [
+    /* @__PURE__ */ jsx24("div", { className: "cnc-mb-2 cnc-text-sm cnc-font-bold cnc-leading-4 cnc-text-primary", children: label }),
+    /* @__PURE__ */ jsxs18(
+      "div",
+      {
+        className: cn(
+          "cnc-flex cnc-flex-row cnc-items-center cnc-justify-start cnc-gap-2 cnc-text-sm cnc-font-medium cnc-text-brand-gray-600",
+          valueClassName
+        ),
+        children: [
+          value ?? "-",
+          href && /* @__PURE__ */ jsx24(
+            "a",
+            {
+              href,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "cnc-inline-flex cnc-items-center cnc-text-brand-blue-500 hover:cnc-opacity-80",
+              "aria-label": `Abrir link externo de ${label}`,
+              children: /* @__PURE__ */ jsx24(ExternalLink, { className: "cnc-size-4" })
+            }
+          )
+        ]
+      }
+    )
+  ] });
 }
 
 // src/components/molecules/forms/combobox.tsx
-import * as React14 from "react";
+import * as React16 from "react";
+
+// src/components/molecules/forms/combobox-footer.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+function ComboboxDropdownFooter({
+  footerAction,
+  renderFooter,
+  close,
+  hidden = false
+}) {
+  if (hidden) return null;
+  if (renderFooter) {
+    return /* @__PURE__ */ jsx25("div", { className: "cnc-border-t cnc-border-brand-gray-50 cnc-p-2", children: renderFooter({ close }) });
+  }
+  if (!footerAction) return null;
+  return /* @__PURE__ */ jsx25("div", { className: "cnc-border-t cnc-border-brand-gray-50 cnc-p-2", children: /* @__PURE__ */ jsx25(
+    Button,
+    {
+      type: "button",
+      variant: footerAction.variant ?? "create",
+      className: "cnc-w-full",
+      disabled: footerAction.disabled,
+      onClick: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        footerAction.onClick(event);
+      },
+      children: footerAction.label
+    }
+  ) });
+}
 
 // src/components/molecules/overlay/command.tsx
-import * as React12 from "react";
+import * as React14 from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
-var Command = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive,
   {
     ref,
@@ -4160,16 +4465,16 @@ var Command = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx20(Dialog, { ...props, children: /* @__PURE__ */ jsx20(DialogContent, { className: "cnc-overflow-hidden cnc-p-0", children: /* @__PURE__ */ jsx20(Command, { className: "cnc-[&_cmdk-group-heading]:cnc-px-2 cnc-[&_cmdk-group-heading]:cnc-font-medium cnc-[&_cmdk-group-heading]:cnc-text-muted-foreground cnc-[&_cmdk-group]:not([hidden])~[cmdk-group]:cnc-pt-0 cnc-[&_cmdk-group]:cnc-px-2 cnc-[&_cmdk-input-wrapper]_svg:cnc-h-5 cnc-[&_cmdk-input-wrapper]_svg:cnc-w-5 cnc-[&_cmdk-input]:cnc-h-12 cnc-[&_cmdk-item]:cnc-px-2 cnc-[&_cmdk-item]:cnc-py-3 cnc-[&_cmdk-item]_svg:cnc-h-5 cnc-[&_cmdk-item]_svg:cnc-w-5", children }) }) });
+  return /* @__PURE__ */ jsx26(Dialog, { ...props, children: /* @__PURE__ */ jsx26(DialogContent, { className: "cnc-overflow-hidden cnc-p-0", children: /* @__PURE__ */ jsx26(Command, { className: "cnc-[&_cmdk-group-heading]:cnc-px-2 cnc-[&_cmdk-group-heading]:cnc-font-medium cnc-[&_cmdk-group-heading]:cnc-text-muted-foreground cnc-[&_cmdk-group]:not([hidden])~[cmdk-group]:cnc-pt-0 cnc-[&_cmdk-group]:cnc-px-2 cnc-[&_cmdk-input-wrapper]_svg:cnc-h-5 cnc-[&_cmdk-input-wrapper]_svg:cnc-w-5 cnc-[&_cmdk-input]:cnc-h-12 cnc-[&_cmdk-item]:cnc-px-2 cnc-[&_cmdk-item]:cnc-py-3 cnc-[&_cmdk-item]_svg:cnc-h-5 cnc-[&_cmdk-item]_svg:cnc-w-5", children }) }) });
 };
-var CommandInput = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs19(
   "div",
   {
     className: "cnc-flex cnc-items-center cnc-border-b cnc-px-3",
     "cmdk-input-wrapper": "",
     children: [
-      /* @__PURE__ */ jsx20(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx26(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
+      /* @__PURE__ */ jsx26(
         CommandPrimitive.Input,
         {
           ref,
@@ -4184,7 +4489,7 @@ var CommandInput = React12.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.List,
   {
     ref,
@@ -4196,7 +4501,7 @@ var CommandList = React12.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React12.forwardRef((props, ref) => /* @__PURE__ */ jsx20(
+var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.Empty,
   {
     ref,
@@ -4205,7 +4510,7 @@ var CommandEmpty = React12.forwardRef((props, ref) => /* @__PURE__ */ jsx20(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.Group,
   {
     ref,
@@ -4217,7 +4522,7 @@ var CommandGroup = React12.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.Separator,
   {
     ref,
@@ -4226,7 +4531,7 @@ var CommandSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var CommandItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.Item,
   {
     ref,
@@ -4242,7 +4547,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx26(
     "span",
     {
       className: cn(
@@ -4256,12 +4561,12 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/molecules/overlay/popover.tsx
-import * as React13 from "react";
+import * as React15 from "react";
 import * as PopoverPrimitive2 from "@radix-ui/react-popover";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var Popover2 = PopoverPrimitive2.Root;
 var PopoverTrigger2 = PopoverPrimitive2.Trigger;
-var PopoverContent2 = React13.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx21(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx21(
+var PopoverContent2 = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx27(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx27(
   PopoverPrimitive2.Content,
   {
     ref,
@@ -4277,7 +4582,7 @@ var PopoverContent2 = React13.forwardRef(({ className, align = "center", sideOff
 PopoverContent2.displayName = PopoverPrimitive2.Content.displayName;
 
 // src/components/molecules/forms/combobox.tsx
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 function Combobox({
   options,
   placeholder = "",
@@ -4288,132 +4593,367 @@ function Combobox({
   modal = false,
   popoverClassName,
   buttonClassName,
-  disabled = false
+  disabled = false,
+  footerAction,
+  renderFooter
 }) {
-  const [open, setOpen] = React14.useState(false);
-  return /* @__PURE__ */ jsxs16(Popover2, { open, onOpenChange: setOpen, modal, children: [
-    /* @__PURE__ */ jsx22(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs16(
+  const [open, setOpen] = React16.useState(false);
+  return /* @__PURE__ */ jsxs20(Popover2, { open, onOpenChange: setOpen, modal, children: [
+    /* @__PURE__ */ jsx28(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs20(
       Button,
       {
         variant: "outline",
         role: "combobox",
         "aria-expanded": open,
-        className: cn("cnc-w-full cnc-justify-between cnc-truncate ", buttonClassName),
+        className: cn(
+          "cnc-w-full cnc-justify-between cnc-truncate ",
+          buttonClassName
+        ),
         disabled,
         children: [
-          /* @__PURE__ */ jsx22("div", { children: value ? options?.find((framework) => framework.value === value)?.label : placeholder }),
-          /* @__PURE__ */ jsx22(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
+          /* @__PURE__ */ jsx28("div", { children: value ? options?.find((framework) => framework.value === value)?.label : placeholder }),
+          /* @__PURE__ */ jsx28(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsxs20(
       PopoverContent2,
       {
         align: "start",
-        className: cn("cnc-w-[--radix-popover-trigger-width] cnc-p-0", popoverClassName),
-        children: /* @__PURE__ */ jsxs16(Command, { children: [
-          /* @__PURE__ */ jsx22(
-            CommandInput,
-            {
-              placeholder: command?.placeholder,
-              onInput: (e) => onInput && onInput(e.target?.value)
-            }
-          ),
-          /* @__PURE__ */ jsxs16(CommandList, { children: [
-            /* @__PURE__ */ jsx22(CommandEmpty, { children: command?.emptyMessage ?? "Nenhum item encontrado" }),
-            /* @__PURE__ */ jsx22(CommandGroup, { children: options?.map((option) => /* @__PURE__ */ jsxs16(
-              CommandItem,
+        className: cn(
+          "cnc-w-[--radix-popover-trigger-width] cnc-p-0",
+          popoverClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxs20(Command, { children: [
+            /* @__PURE__ */ jsx28(
+              CommandInput,
               {
-                value: option.value,
-                onSelect: (currentValue) => {
-                  if (onChange)
-                    onChange(currentValue === value ? "" : currentValue);
-                  setOpen(false);
+                placeholder: command?.placeholder,
+                onInput: (e) => onInput && onInput(e.target?.value)
+              }
+            ),
+            /* @__PURE__ */ jsxs20(CommandList, { children: [
+              /* @__PURE__ */ jsx28(CommandEmpty, { children: command?.emptyMessage ?? "Nenhum item encontrado" }),
+              /* @__PURE__ */ jsx28(CommandGroup, { children: options?.map((option) => /* @__PURE__ */ jsxs20(
+                CommandItem,
+                {
+                  value: option.value,
+                  onSelect: (currentValue) => {
+                    if (onChange)
+                      onChange(currentValue === value ? "" : currentValue);
+                    setOpen(false);
+                  },
+                  keywords: [option.value, option.label],
+                  disabled: option.disabled,
+                  children: [
+                    /* @__PURE__ */ jsx28(
+                      Check,
+                      {
+                        className: cn(
+                          "cnc-mr-2 cnc-h-4 cnc-w-4",
+                          value === option.value ? "cnc-opacity-100" : "cnc-opacity-0"
+                        )
+                      }
+                    ),
+                    option.label
+                  ]
                 },
-                keywords: [option.value, option.label],
-                disabled: option.disabled,
-                children: [
-                  /* @__PURE__ */ jsx22(
-                    Check,
-                    {
-                      className: cn(
-                        "cnc-mr-2 cnc-h-4 cnc-w-4",
-                        value === option.value ? "cnc-opacity-100" : "cnc-opacity-0"
-                      )
-                    }
-                  ),
-                  option.label
-                ]
-              },
-              option.value
-            )) })
-          ] })
-        ] })
+                option.value
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx28(
+            ComboboxDropdownFooter,
+            {
+              footerAction,
+              renderFooter,
+              close: () => setOpen(false),
+              hidden: disabled
+            }
+          )
+        ]
       }
     )
   ] });
 }
 
-// src/components/organisms/filter/index.tsx
-import * as React15 from "react";
-import {
-  Controller,
-  useForm,
-  useWatch
-} from "react-hook-form";
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
-var INPUT_BASE_CLASSES = [
-  "cnc-flex cnc-h-10 cnc-w-full cnc-rounded-md cnc-border cnc-bg-transparent cnc-px-3 cnc-py-1 cnc-text-base cnc-shadow-sm cnc-transition-colors",
-  "placeholder:cnc-text-muted-foreground focus-visible:cnc-outline-none",
-  "focus-visible:cnc-ring-2 focus-visible:cnc-ring-brand-gray-500/50 md:cnc-text-sm",
-  "not-disabled:hover:cnc-border-brand-gray-500",
-  "disabled:cnc-cursor-not-allowed disabled:cnc-opacity-50"
-].join(" ");
-function buildDefaultValues(fields) {
-  const defaults = {};
-  for (const field of fields) {
-    defaults[field.name] = field.defaultValue ?? (field.type === "switch" ? false : "");
-  }
-  return defaults;
-}
-function buildValidationRules(field) {
-  if (!field.required) return void 0;
-  return {
-    required: field.errorMessage || "Campo obrigat\xF3rio",
-    validate: (value) => {
-      if (field.type === "switch") return true;
-      if (value === "" || value === null || value === void 0) {
-        return field.errorMessage || "Campo obrigat\xF3rio";
-      }
-      return true;
+// src/components/molecules/forms/multi-select.tsx
+import * as React17 from "react";
+import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
+function MultiSelect({
+  options,
+  value = [],
+  onChange,
+  placeholder = "Selecione...",
+  disabled = false,
+  modal = false,
+  className,
+  buttonClassName,
+  popoverClassName,
+  command,
+  selectedCountText = (count) => `${count} selecionados`,
+  footerAction,
+  renderFooter
+}) {
+  const [open, setOpen] = React17.useState(false);
+  const buttonText = (() => {
+    if (value.length === 0) return placeholder;
+    if (value.length === 1) {
+      return options?.find((option) => option.value === value[0])?.label ?? selectedCountText(1);
     }
+    return selectedCountText(value.length);
+  })();
+  const toggleOption = (optionValue) => {
+    if (!onChange) return;
+    onChange(
+      value.includes(optionValue) ? value.filter((item) => item !== optionValue) : [...value, optionValue]
+    );
   };
-}
-var FilterFieldItem = React15.memo(function FilterFieldItem2({
-  field,
-  register,
-  control,
-  error
-}) {
-  const fieldId = field.id || `filter-field-${field.name}`;
-  return /* @__PURE__ */ jsxs17(
-    "div",
-    {
-      className: "cnc-filter-field cnc-px-2 cnc-mb-3",
-      style: { "--cnc-filter-field-w": field.width || "25%" },
-      children: [
-        field.label && /* @__PURE__ */ jsxs17(
-          "label",
-          {
-            htmlFor: fieldId,
+  return /* @__PURE__ */ jsxs21(Popover2, { open, onOpenChange: setOpen, modal, children: [
+    /* @__PURE__ */ jsx29(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs21(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": open,
+        disabled,
+        className: cn(
+          "cnc-w-full cnc-justify-between cnc-truncate",
+          buttonClassName,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx29("span", { className: "cnc-truncate", children: buttonText }),
+          /* @__PURE__ */ jsx29(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs21(
+      PopoverContent2,
+      {
+        align: "start",
+        className: cn(
+          "cnc-w-[--radix-popover-trigger-width] cnc-p-0",
+          popoverClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxs21(Command, { children: [
+            /* @__PURE__ */ jsx29(CommandInput, { placeholder: command?.placeholder }),
+            /* @__PURE__ */ jsxs21(CommandList, { children: [
+              /* @__PURE__ */ jsx29(CommandEmpty, { children: command?.emptyMessage ?? "Nenhum item encontrado" }),
+              /* @__PURE__ */ jsx29(CommandGroup, { children: options?.map((option) => {
+                const isSelected = value.includes(option.value);
+                return /* @__PURE__ */ jsxs21(
+                  CommandItem,
+                  {
+                    value: option.value,
+                    onSelect: () => toggleOption(option.value),
+                    keywords: [option.value, option.label],
+                    disabled: option.disabled,
+                    children: [
+                      /* @__PURE__ */ jsx29(
+                        Check,
+                        {
+                          className: cn(
+                            "cnc-mr-2 cnc-h-4 cnc-w-4",
+                            isSelected ? "cnc-opacity-100" : "cnc-opacity-0"
+                          )
+                        }
+                      ),
+                      option.label
+                    ]
+                  },
+                  option.value
+                );
+              }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx29(
+            ComboboxDropdownFooter,
+            {
+              footerAction,
+              renderFooter,
+              close: () => setOpen(false),
+              hidden: disabled
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/molecules/overlay/confirm-dialog.tsx
+import * as React18 from "react";
+import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  confirmLabel = "Confirmar",
+  cancelLabel = "Cancelar",
+  loadingLabel = "Aguarde...",
+  onConfirm,
+  icon,
+  showIconBackground = true,
+  footerAlign = "center",
+  confirmVariant = "danger",
+  children,
+  isLoading,
+  className
+}) {
+  const [localLoading, setLocalLoading] = React18.useState(false);
+  const isBusy = isLoading ?? localLoading;
+  const handleConfirm = async () => {
+    if (isLoading !== void 0) {
+      await onConfirm?.();
+      return;
+    }
+    setLocalLoading(true);
+    try {
+      await onConfirm?.();
+    } finally {
+      setLocalLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsx30(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs22(DialogContent, { className: cn("cnc-max-w-md cnc-text-center", className), children: [
+    /* @__PURE__ */ jsxs22(DialogHeader, { children: [
+      /* @__PURE__ */ jsx30(
+        "div",
+        {
+          className: cn(
+            "cnc-mx-auto cnc-mb-2 cnc-flex cnc-items-center cnc-justify-center",
+            showIconBackground && "cnc-size-16 cnc-rounded-full cnc-bg-red-100",
+            showIconBackground && confirmVariant === "confirm" && "cnc-bg-brand-green-100/20"
+          ),
+          children: icon ?? /* @__PURE__ */ jsx30(Trash2, { className: cn("cnc-size-8 cnc-text-red-600", confirmVariant === "confirm" && "cnc-text-brand-green-300") })
+        }
+      ),
+      /* @__PURE__ */ jsx30(DialogTitle, { className: "cnc-text-center", children: title }),
+      description && /* @__PURE__ */ jsx30(DialogDescription, { className: "cnc-text-center", children: description })
+    ] }),
+    children,
+    /* @__PURE__ */ jsxs22(
+      DialogFooter,
+      {
+        className: cn(
+          "cnc-flex cnc-gap-2",
+          footerAlign === "end" ? "cnc-justify-end sm:cnc-justify-end" : "cnc-justify-center sm:cnc-justify-center"
+        ),
+        children: [
+          /* @__PURE__ */ jsx30(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => onOpenChange(false),
+              disabled: isBusy,
+              children: cancelLabel
+            }
+          ),
+          /* @__PURE__ */ jsx30(
+            Button,
+            {
+              type: "button",
+              variant: confirmVariant,
+              isLoading: isBusy,
+              onClick: handleConfirm,
+              children: isBusy ? loadingLabel : confirmLabel
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/components/molecules/overlay/tooltip.tsx
+import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+function Tooltip({
+  text,
+  children,
+  className,
+  contentClassName
+}) {
+  return /* @__PURE__ */ jsxs23("div", { className: cn("cnc-relative cnc-inline-flex cnc-group", className), children: [
+    /* @__PURE__ */ jsx31(
+      "div",
+      {
+        role: "tooltip",
+        className: cn(
+          "cnc-pointer-events-none cnc-absolute cnc-bottom-full cnc-left-1/2 cnc-z-50 cnc-mb-2 cnc-w-max cnc-max-w-xs cnc--translate-x-1/2 cnc-rounded cnc-bg-black cnc-px-2 cnc-py-1 cnc-text-xs cnc-text-white cnc-opacity-0 cnc-shadow-md cnc-transition-opacity cnc-duration-200 group-hover:cnc-opacity-100 group-focus-within:cnc-opacity-100",
+          contentClassName
+        ),
+        children: text
+      }
+    ),
+    /* @__PURE__ */ jsx31("span", { className: "cnc-cursor-pointer", children })
+  ] });
+}
+
+// src/components/organisms/filter/index.tsx
+import * as React19 from "react";
+import {
+  Controller,
+  useForm,
+  useWatch
+} from "react-hook-form";
+import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+var INPUT_BASE_CLASSES = [
+  "cnc-flex cnc-h-10 cnc-w-full cnc-rounded-md cnc-border cnc-bg-transparent cnc-px-3 cnc-py-1 cnc-text-base cnc-shadow-sm cnc-transition-colors",
+  "placeholder:cnc-text-muted-foreground focus-visible:cnc-outline-none",
+  "focus-visible:cnc-ring-2 focus-visible:cnc-ring-brand-gray-500/50 md:cnc-text-sm",
+  "not-disabled:hover:cnc-border-brand-gray-500",
+  "disabled:cnc-cursor-not-allowed disabled:cnc-opacity-50"
+].join(" ");
+function buildDefaultValues(fields) {
+  const defaults = {};
+  for (const field of fields) {
+    defaults[field.name] = field.defaultValue ?? (field.type === "switch" ? false : "");
+  }
+  return defaults;
+}
+function buildValidationRules(field) {
+  if (!field.required) return void 0;
+  return {
+    required: field.errorMessage || "Campo obrigat\xF3rio",
+    validate: (value) => {
+      if (field.type === "switch") return true;
+      if (value === "" || value === null || value === void 0) {
+        return field.errorMessage || "Campo obrigat\xF3rio";
+      }
+      return true;
+    }
+  };
+}
+var FilterFieldItem = React19.memo(function FilterFieldItem2({
+  field,
+  register,
+  control,
+  error
+}) {
+  const fieldId = field.id || `filter-field-${field.name}`;
+  return /* @__PURE__ */ jsxs24(
+    "div",
+    {
+      className: "cnc-filter-field cnc-px-2 cnc-mb-3",
+      style: { "--cnc-filter-field-w": field.width || "25%" },
+      children: [
+        field.label && /* @__PURE__ */ jsxs24(
+          "label",
+          {
+            htmlFor: fieldId,
             className: "cnc-block cnc-text-sm cnc-mb-1 cnc-font-medium cnc-text-brand-gray-600",
             children: [
               field.label,
-              field.required && /* @__PURE__ */ jsx23("span", { className: "cnc-text-red-500", children: " *" })
+              field.required && /* @__PURE__ */ jsx32("span", { className: "cnc-text-red-500", children: " *" })
             ]
           }
         ),
-        (field.type === "text" || field.type === "date") && /* @__PURE__ */ jsx23(
+        (field.type === "text" || field.type === "date") && /* @__PURE__ */ jsx32(
           "input",
           {
             id: fieldId,
@@ -4427,13 +4967,13 @@ var FilterFieldItem = React15.memo(function FilterFieldItem2({
             )
           }
         ),
-        field.type === "combobox" && /* @__PURE__ */ jsx23(
+        field.type === "combobox" && /* @__PURE__ */ jsx32(
           Controller,
           {
             name: field.name,
             control,
             rules: buildValidationRules(field),
-            render: ({ field: rhfField }) => /* @__PURE__ */ jsx23(
+            render: ({ field: rhfField }) => /* @__PURE__ */ jsx32(
               Combobox,
               {
                 value: rhfField.value || "",
@@ -4447,13 +4987,13 @@ var FilterFieldItem = React15.memo(function FilterFieldItem2({
             )
           }
         ),
-        field.type === "switch" && /* @__PURE__ */ jsx23(
+        field.type === "switch" && /* @__PURE__ */ jsx32(
           Controller,
           {
             name: field.name,
             control,
             rules: buildValidationRules(field),
-            render: ({ field: rhfField }) => /* @__PURE__ */ jsx23(
+            render: ({ field: rhfField }) => /* @__PURE__ */ jsx32(
               Switch,
               {
                 checked: !!rhfField.value,
@@ -4464,14 +5004,14 @@ var FilterFieldItem = React15.memo(function FilterFieldItem2({
             )
           }
         ),
-        error && /* @__PURE__ */ jsx23("span", { className: "cnc-block cnc-text-xs cnc-text-red-500 cnc-mt-1", children: error.message })
+        error && /* @__PURE__ */ jsx32("span", { className: "cnc-block cnc-text-xs cnc-text-red-500 cnc-mt-1", children: error.message })
       ]
     }
   );
 });
 function CleanButton({ control, onClean }) {
   const values = useWatch({ control });
-  const hasActiveFilters = React15.useMemo(() => {
+  const hasActiveFilters = React19.useMemo(() => {
     const keys = Object.keys(values);
     return keys.some((key) => {
       const val = values[key];
@@ -4480,7 +5020,7 @@ function CleanButton({ control, onClean }) {
       return val !== null && val !== void 0 && val !== "";
     });
   }, [values]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs24(
     Button,
     {
       type: "button",
@@ -4489,13 +5029,13 @@ function CleanButton({ control, onClean }) {
       disabled: !hasActiveFilters,
       className: "cnc-shrink-0 cnc-gap-2",
       children: [
-        /* @__PURE__ */ jsx23(FilterX, { className: "cnc-h-4 cnc-w-4" }),
+        /* @__PURE__ */ jsx32(FilterX, { className: "cnc-h-4 cnc-w-4" }),
         "Limpar"
       ]
     }
   );
 }
-var Filter = React15.forwardRef(
+var Filter = React19.forwardRef(
   function Filter2({
     fields,
     collapsibleFields,
@@ -4505,12 +5045,12 @@ var Filter = React15.forwardRef(
     isLoading = false,
     className
   }, ref) {
-    const [isCollapsibleOpen, setIsCollapsibleOpen] = React15.useState(false);
-    const allFields = React15.useMemo(
+    const [isCollapsibleOpen, setIsCollapsibleOpen] = React19.useState(false);
+    const allFields = React19.useMemo(
       () => [...fields, ...collapsibleFields || []],
       [fields, collapsibleFields]
     );
-    const defaultValues = React15.useMemo(
+    const defaultValues = React19.useMemo(
       () => buildDefaultValues(allFields),
       [allFields]
     );
@@ -4521,7 +5061,7 @@ var Filter = React15.forwardRef(
       reset,
       formState: { errors }
     } = useForm({ defaultValues });
-    React15.useEffect(() => {
+    React19.useEffect(() => {
       if (collapsibleFields?.some((f) => errors[f.name])) {
         setIsCollapsibleOpen(true);
       }
@@ -4529,7 +5069,7 @@ var Filter = React15.forwardRef(
     const onSubmit = (data) => {
       onSearch(data);
     };
-    const handleClean = React15.useCallback(() => {
+    const handleClean = React19.useCallback(() => {
       const emptyValues = {};
       for (const field of allFields) {
         emptyValues[field.name] = field.type === "switch" ? false : "";
@@ -4537,12 +5077,12 @@ var Filter = React15.forwardRef(
       reset(emptyValues);
       onClean?.();
     }, [allFields, reset, onClean]);
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx32(
       Collapsible,
       {
         open: isCollapsibleOpen,
         onOpenChange: setIsCollapsibleOpen,
-        children: /* @__PURE__ */ jsxs17(
+        children: /* @__PURE__ */ jsxs24(
           "form",
           {
             ref,
@@ -4553,8 +5093,8 @@ var Filter = React15.forwardRef(
             ),
             style: { backgroundColor: "#F8FAFC" },
             children: [
-              /* @__PURE__ */ jsxs17("div", { className: "cnc-flex cnc-flex-wrap cnc-items-end", children: [
-                fields.map((field) => /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsxs24("div", { className: "cnc-flex cnc-flex-wrap cnc-items-end", children: [
+                fields.map((field) => /* @__PURE__ */ jsx32(
                   FilterFieldItem,
                   {
                     field,
@@ -4564,18 +5104,18 @@ var Filter = React15.forwardRef(
                   },
                   field.name
                 )),
-                /* @__PURE__ */ jsxs17("div", { className: "cnc-filter-actions cnc-flex cnc-items-center cnc-gap-2 cnc-px-2 cnc-mb-3 cnc-ml-auto cnc-h-10", children: [
-                  collapsibleFields && collapsibleFields.length > 0 && /* @__PURE__ */ jsx23(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsxs24("div", { className: "cnc-filter-actions cnc-flex cnc-items-center cnc-gap-2 cnc-px-2 cnc-mb-3 cnc-ml-auto cnc-h-10", children: [
+                  collapsibleFields && collapsibleFields.length > 0 && /* @__PURE__ */ jsx32(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsx32(
                     Button,
                     {
                       type: "button",
                       variant: "outline",
                       size: "icon",
                       className: "cnc-shrink-0",
-                      children: /* @__PURE__ */ jsx23(ListFilter, { className: "cnc-h-4 cnc-w-4" })
+                      children: /* @__PURE__ */ jsx32(ListFilter, { className: "cnc-h-4 cnc-w-4" })
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs17(
+                  /* @__PURE__ */ jsxs24(
                     Button,
                     {
                       type: "submit",
@@ -4583,15 +5123,15 @@ var Filter = React15.forwardRef(
                       isLoading,
                       className: "cnc-shrink-0 cnc-gap-2",
                       children: [
-                        /* @__PURE__ */ jsx23(Search, { className: "cnc-h-4 cnc-w-4" }),
+                        /* @__PURE__ */ jsx32(Search, { className: "cnc-h-4 cnc-w-4" }),
                         "Pesquisar"
                       ]
                     }
                   ),
-                  !hideCleanFilterButton && /* @__PURE__ */ jsx23(CleanButton, { control, onClean: handleClean })
+                  !hideCleanFilterButton && /* @__PURE__ */ jsx32(CleanButton, { control, onClean: handleClean })
                 ] })
               ] }),
-              collapsibleFields && collapsibleFields.length > 0 && /* @__PURE__ */ jsx23(AnimatedCollapsibleContent, { children: /* @__PURE__ */ jsx23("div", { className: "cnc-flex cnc-flex-wrap cnc-items-end cnc-pt-2", children: collapsibleFields.map((field) => /* @__PURE__ */ jsx23(
+              collapsibleFields && collapsibleFields.length > 0 && /* @__PURE__ */ jsx32(AnimatedCollapsibleContent, { children: /* @__PURE__ */ jsx32("div", { className: "cnc-flex cnc-flex-wrap cnc-items-end cnc-pt-2", children: collapsibleFields.map((field) => /* @__PURE__ */ jsx32(
                 FilterFieldItem,
                 {
                   field,
@@ -4609,74 +5149,947 @@ var Filter = React15.forwardRef(
   }
 );
 
-// src/components/organisms/card-list/index.tsx
-import * as React16 from "react";
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
-function CardList({
-  items,
-  renderCard,
-  emptyMessage = "Nenhum item",
-  minItemWidth = "260px",
-  className,
-  gap = "cnc-gap-4",
-  getKey,
-  isLoading = false,
-  skeletonCount = 6
+// src/components/organisms/card-list/index.tsx
+import * as React20 from "react";
+import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+function CardList({
+  items,
+  renderCard,
+  emptyMessage = "Nenhum item",
+  minItemWidth = "260px",
+  className,
+  gap = "cnc-gap-4",
+  getKey,
+  isLoading = false,
+  skeletonCount = 6
+}) {
+  const gridStyle = {
+    gridTemplateColumns: `repeat(auto-fill, minmax(min(100%, ${minItemWidth}), 1fr))`
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx33(
+      "div",
+      {
+        className: cn("cnc-grid cnc-w-full", gap, className),
+        style: gridStyle,
+        "aria-busy": "true",
+        children: Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ jsxs25(
+          "div",
+          {
+            className: "cnc-animate-pulse cnc-rounded-md cnc-border-2 cnc-border-brand-gray-50 cnc-bg-white cnc-shadow cnc-p-6",
+            children: [
+              /* @__PURE__ */ jsx33("div", { className: "cnc-h-4 cnc-w-1/2 cnc-bg-brand-gray-100 cnc-rounded cnc-mb-4" }),
+              /* @__PURE__ */ jsx33("div", { className: "cnc-h-3 cnc-w-3/4 cnc-bg-brand-gray-100 cnc-rounded cnc-mb-2" }),
+              /* @__PURE__ */ jsx33("div", { className: "cnc-h-3 cnc-w-2/3 cnc-bg-brand-gray-100 cnc-rounded cnc-mb-6" }),
+              /* @__PURE__ */ jsx33("div", { className: "cnc-h-8 cnc-w-full cnc-bg-brand-gray-100 cnc-rounded" })
+            ]
+          },
+          i
+        ))
+      }
+    );
+  }
+  if (!items || items.length === 0) {
+    return /* @__PURE__ */ jsxs25(
+      "div",
+      {
+        className: cn(
+          "cnc-w-full cnc-flex cnc-flex-col cnc-items-center cnc-justify-center cnc-rounded-md cnc-py-16 cnc-px-4",
+          className
+        ),
+        style: { backgroundColor: "#F8FAFC", color: "#64748B" },
+        children: [
+          /* @__PURE__ */ jsx33(FolderOpen, { className: "cnc-h-8 cnc-w-8 cnc-mb-2" }),
+          /* @__PURE__ */ jsx33("p", { className: "cnc-text-sm", children: emptyMessage })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx33(
+    "div",
+    {
+      className: cn("cnc-grid cnc-w-full", gap, className),
+      style: gridStyle,
+      children: items.map((item, index) => /* @__PURE__ */ jsx33(React20.Fragment, { children: renderCard(item, index) }, getKey ? getKey(item, index) : index))
+    }
+  );
+}
+
+// src/components/organisms/drawer/drawer.tsx
+import * as DialogPrimitive2 from "@radix-ui/react-dialog";
+import * as React21 from "react";
+import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
+var Drawer = DialogPrimitive2.Root;
+var DrawerTrigger = DialogPrimitive2.Trigger;
+var DrawerPortal = DialogPrimitive2.Portal;
+var DrawerClose = DialogPrimitive2.Close;
+var DrawerOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+  DialogPrimitive2.Overlay,
+  {
+    ref,
+    className: cn(
+      "cnc-fixed cnc-inset-0 cnc-z-50 cnc-bg-black/80 data-[state=open]:cnc-animate-in data-[state=closed]:cnc-animate-out data-[state=closed]:cnc-fade-out-0 data-[state=open]:cnc-fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DrawerOverlay.displayName = DialogPrimitive2.Overlay.displayName;
+var drawerSizeToWidth = {
+  sm: "24rem",
+  md: "32rem",
+  lg: "40rem",
+  xl: "48rem",
+  full: "100vw"
+};
+var DrawerContent = React21.forwardRef(
+  ({
+    className,
+    children,
+    side = "right",
+    size = "md",
+    width,
+    closeButton = true,
+    style,
+    ...props
+  }, ref) => {
+    const resolvedWidth = width ?? drawerSizeToWidth[size];
+    return /* @__PURE__ */ jsxs26(DrawerPortal, { children: [
+      /* @__PURE__ */ jsx34(DrawerOverlay, {}),
+      /* @__PURE__ */ jsxs26(
+        DialogPrimitive2.Content,
+        {
+          ref,
+          style: { "--drawer-width": resolvedWidth, ...style },
+          className: cn(
+            "cnc-fixed cnc-inset-y-0 cnc-z-50 cnc-flex cnc-w-full cnc-flex-col cnc-bg-background cnc-shadow-lg cnc-duration-200 data-[state=open]:cnc-animate-in data-[state=closed]:cnc-animate-out data-[state=closed]:cnc-fade-out-0 data-[state=open]:cnc-fade-in-0",
+            "sm:cnc-w-[--drawer-width] sm:cnc-max-w-full",
+            side === "right" && "cnc-right-0 cnc-border-l data-[state=closed]:cnc-slide-out-to-right-full data-[state=open]:cnc-slide-in-from-right-full",
+            side === "left" && "cnc-left-0 cnc-border-r data-[state=closed]:cnc-slide-out-to-left-full data-[state=open]:cnc-slide-in-from-left-full",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            closeButton && /* @__PURE__ */ jsxs26(DialogPrimitive2.Close, { className: "cnc-absolute cnc-right-4 cnc-top-4 cnc-rounded-sm cnc-opacity-70 cnc-ring-offset-background cnc-transition-opacity hover:cnc-opacity-100 focus:cnc-outline-none focus:cnc-ring-2 focus:cnc-ring-ring focus:cnc-ring-offset-2 disabled:cnc-pointer-events-none data-[state=open]:cnc-bg-accent data-[state=open]:cnc-text-muted-foreground", children: [
+              /* @__PURE__ */ jsx34(X, { className: "cnc-h-4 cnc-w-4" }),
+              /* @__PURE__ */ jsx34("span", { className: "cnc-sr-only", children: "Fechar" })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+DrawerContent.displayName = DialogPrimitive2.Content.displayName;
+var DrawerHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx34(
+  "div",
+  {
+    className: cn(
+      "cnc-flex cnc-flex-col cnc-space-y-1.5 cnc-border-b cnc-p-6",
+      className
+    ),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerBody = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx34("div", { className: cn("cnc-flex-1 cnc-overflow-y-auto cnc-p-6", className), ...props });
+DrawerBody.displayName = "DrawerBody";
+var DrawerFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx34("div", { className: cn("cnc-border-t cnc-p-6", className), ...props });
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+  DialogPrimitive2.Title,
+  {
+    ref,
+    className: cn(
+      "cnc-text-lg cnc-font-semibold cnc-leading-none cnc-tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DrawerTitle.displayName = DialogPrimitive2.Title.displayName;
+var DrawerDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+  DialogPrimitive2.Description,
+  {
+    ref,
+    className: cn("cnc-text-sm cnc-text-muted-foreground", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = DialogPrimitive2.Description.displayName;
+
+// src/components/organisms/drawer/drawer-context.tsx
+import * as React22 from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var DrawerContext = React22.createContext(
+  void 0
+);
+function DrawerProvider({ children }) {
+  const [activeDrawer, setActiveDrawer] = React22.useState(null);
+  const openDrawer = React22.useCallback((drawerId) => {
+    setActiveDrawer(drawerId);
+  }, []);
+  const closeDrawer = React22.useCallback(() => {
+    setActiveDrawer(null);
+  }, []);
+  const isOpen = React22.useCallback(
+    (drawerId) => activeDrawer === drawerId,
+    [activeDrawer]
+  );
+  const value = React22.useMemo(
+    () => ({ activeDrawer, openDrawer, closeDrawer, isOpen }),
+    [activeDrawer, openDrawer, closeDrawer, isOpen]
+  );
+  return /* @__PURE__ */ jsx35(DrawerContext.Provider, { value, children });
+}
+
+// src/components/organisms/drawer/use-drawer.ts
+import * as React23 from "react";
+function useDrawer() {
+  const context = React23.useContext(DrawerContext);
+  if (!context) {
+    throw new Error("useDrawer deve ser usado dentro de um DrawerProvider");
+  }
+  return context;
+}
+
+// src/components/organisms/upload/file-upload.tsx
+import * as React24 from "react";
+
+// src/components/organisms/upload/utils.ts
+function formatSizeLimit(bytes) {
+  if (bytes < 1024 * 1024) {
+    return `${Math.max(1, Math.round(bytes / 1024))} KB`;
+  }
+  return `${(bytes / (1024 * 1024)).toLocaleString("pt-BR", {
+    maximumFractionDigits: 1,
+    minimumFractionDigits: 0
+  })} MB`;
+}
+function formatFileSize(bytes) {
+  if (bytes < 1024 * 1024) {
+    return `${Math.max(1, Math.round(bytes / 1024))} KB`;
+  }
+  return `${(bytes / (1024 * 1024)).toLocaleString("pt-BR", {
+    maximumFractionDigits: 1,
+    minimumFractionDigits: 0
+  })} MB`;
+}
+function isDuplicateFile(file, files) {
+  return files.some(
+    (currentFile) => currentFile.name === file.name && currentFile.size === file.size
+  );
+}
+function validateFiles({
+  currentFiles = [],
+  incomingFiles,
+  allowedTypes,
+  maxSize,
+  multiple = true
+}) {
+  const acceptedFiles = [];
+  const rejectedFiles = [];
+  const baseFiles = multiple ? currentFiles : [];
+  for (const file of incomingFiles) {
+    if (allowedTypes?.length && !allowedTypes.includes(file.type)) {
+      rejectedFiles.push({
+        file,
+        reason: "type",
+        message: `Tipo n\xE3o permitido: ${file.name}`
+      });
+      continue;
+    }
+    if (maxSize !== void 0 && file.size > maxSize) {
+      rejectedFiles.push({
+        file,
+        reason: "size",
+        message: `Arquivo maior que ${formatSizeLimit(maxSize)}: ${file.name}`
+      });
+      continue;
+    }
+    if (isDuplicateFile(file, [...baseFiles, ...acceptedFiles])) {
+      rejectedFiles.push({
+        file,
+        reason: "duplicate",
+        message: `Arquivo j\xE1 adicionado: ${file.name}`
+      });
+      continue;
+    }
+    if (!multiple) {
+      acceptedFiles.splice(0, acceptedFiles.length, file);
+      continue;
+    }
+    acceptedFiles.push(file);
+  }
+  return { acceptedFiles, rejectedFiles };
+}
+
+// src/components/organisms/upload/file-list.tsx
+import { Fragment as Fragment6, jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+function FileList({
+  items,
+  onRemove,
+  onDownload,
+  disabled = false,
+  variant = "bordered",
+  emptyState,
+  removeLabel = "Remover",
+  className,
+  ...props
+}) {
+  if (items.length === 0) {
+    return emptyState ? /* @__PURE__ */ jsx36(Fragment6, { children: emptyState }) : null;
+  }
+  return /* @__PURE__ */ jsx36(
+    "ul",
+    {
+      className: cn(
+        "cnc-divide-y",
+        variant === "bordered" ? "cnc-rounded-md cnc-border cnc-border-slate-200 cnc-bg-white cnc-divide-slate-200" : "cnc-bg-transparent cnc-divide-slate-100",
+        className
+      ),
+      ...props,
+      children: items.map((item, index) => {
+        const canRemove = !!onRemove;
+        const canDownload = !!onDownload;
+        const isDisabled = disabled || item.disabled;
+        const isPending = item.status === "pending";
+        return /* @__PURE__ */ jsxs27(
+          "li",
+          {
+            className: cn(
+              "cnc-flex cnc-flex-col cnc-gap-2",
+              variant === "bordered" ? "cnc-px-4 cnc-py-3 sm:cnc-flex-row sm:cnc-items-center sm:cnc-justify-between" : "cnc-px-0 cnc-py-4 first:cnc-pt-0 last:cnc-pb-0 sm:cnc-flex-row sm:cnc-items-center sm:cnc-justify-between"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs27("div", { className: "cnc-flex cnc-min-w-0 cnc-flex-1 cnc-items-start cnc-gap-2", children: [
+                /* @__PURE__ */ jsx36(FileText, { className: "cnc-mt-0.5 cnc-size-4 cnc-shrink-0 cnc-text-slate-500" }),
+                /* @__PURE__ */ jsxs27("div", { className: "cnc-min-w-0", children: [
+                  canDownload ? /* @__PURE__ */ jsxs27(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => onDownload(item, index),
+                      disabled: isDisabled,
+                      className: "cnc-inline-flex cnc-items-center cnc-gap-1 cnc-text-left cnc-text-sm cnc-font-medium cnc-text-[#002f87] hover:cnc-underline disabled:cnc-cursor-not-allowed disabled:cnc-opacity-50",
+                      children: [
+                        /* @__PURE__ */ jsx36("span", { className: "cnc-min-w-0 cnc-truncate", children: item.name }),
+                        /* @__PURE__ */ jsx36(Download, { className: "cnc-size-3.5 cnc-shrink-0" })
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsx36("p", { className: "cnc-text-sm cnc-font-medium cnc-text-slate-800", children: /* @__PURE__ */ jsx36("span", { className: "cnc-break-all", children: item.name }) }),
+                  (item.meta || item.size !== void 0) && /* @__PURE__ */ jsxs27("div", { className: "cnc-mt-0.5 cnc-flex cnc-flex-wrap cnc-gap-x-2 cnc-gap-y-1 cnc-text-xs cnc-text-slate-500", children: [
+                    item.meta,
+                    item.meta && item.size !== void 0 ? /* @__PURE__ */ jsx36("span", { children: "\xB7" }) : null,
+                    item.size !== void 0 ? /* @__PURE__ */ jsx36("span", { children: formatFileSize(item.size) }) : null
+                  ] }),
+                  item.description ? /* @__PURE__ */ jsx36("p", { className: "cnc-mt-1 cnc-line-clamp-2 cnc-text-xs cnc-text-slate-600", children: item.description }) : null
+                ] })
+              ] }),
+              canRemove ? isPending ? /* @__PURE__ */ jsx36(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onRemove(item, index),
+                  disabled: isDisabled,
+                  className: "cnc-inline-flex cnc-shrink-0 cnc-items-center cnc-justify-center cnc-rounded-md cnc-p-1.5 cnc-text-slate-500 cnc-transition hover:cnc-bg-slate-100 hover:cnc-text-slate-800 disabled:cnc-cursor-not-allowed disabled:cnc-opacity-50",
+                  "aria-label": `Remover ${item.name}`,
+                  children: /* @__PURE__ */ jsx36(X, { className: "cnc-size-4" })
+                }
+              ) : /* @__PURE__ */ jsxs27(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onRemove(item, index),
+                  disabled: isDisabled,
+                  className: "cnc-inline-flex cnc-h-9 cnc-w-full cnc-shrink-0 cnc-items-center cnc-justify-center cnc-gap-2 cnc-rounded-md cnc-border cnc-border-red-200 cnc-px-3 cnc-text-sm cnc-font-semibold cnc-text-red-700 cnc-transition hover:cnc-bg-red-50 disabled:cnc-cursor-not-allowed disabled:cnc-opacity-60 sm:cnc-w-auto",
+                  "aria-label": `Remover ${item.name}`,
+                  children: [
+                    /* @__PURE__ */ jsx36(Trash2, { className: "cnc-size-4" }),
+                    removeLabel
+                  ]
+                }
+              ) : null
+            ]
+          },
+          item.id
+        );
+      })
+    }
+  );
+}
+
+// src/components/organisms/upload/file-upload.tsx
+import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
+function fileToListItem(file, index) {
+  return {
+    id: `${file.name}-${file.size}-${file.lastModified}-${index}`,
+    name: file.name,
+    size: file.size,
+    status: "pending"
+  };
+}
+var FileUpload = React24.forwardRef(
+  ({
+    value = [],
+    onChange,
+    multiple = true,
+    accept,
+    allowedTypes,
+    maxSize,
+    disabled = false,
+    isLoading = false,
+    buttonLabel = "Adicionar arquivos",
+    hint,
+    icon,
+    onReject,
+    showList = true,
+    listTitle = (count) => `Arquivos selecionados (${count})`,
+    className,
+    buttonClassName,
+    listClassName,
+    ...props
+  }, ref) => {
+    const fileInputRef = React24.useRef(null);
+    const hintId = React24.useId();
+    React24.useImperativeHandle(ref, () => fileInputRef.current, []);
+    const isBusy = disabled || isLoading;
+    const items = value.map(fileToListItem);
+    const clearInput = () => {
+      if (fileInputRef.current) {
+        fileInputRef.current.value = "";
+      }
+    };
+    const handleFileSelection = (event) => {
+      const selectedFiles = Array.from(event.target.files ?? []);
+      if (!selectedFiles.length) {
+        clearInput();
+        return;
+      }
+      const { acceptedFiles, rejectedFiles } = validateFiles({
+        currentFiles: value,
+        incomingFiles: selectedFiles,
+        allowedTypes,
+        maxSize,
+        multiple
+      });
+      if (acceptedFiles.length > 0) {
+        onChange?.(multiple ? [...value, ...acceptedFiles] : acceptedFiles.slice(0, 1));
+      }
+      if (rejectedFiles.length > 0) {
+        onReject?.(rejectedFiles);
+      }
+      clearInput();
+    };
+    const handleRemove = (_item, index) => {
+      onChange?.(value.filter((_, currentIndex) => currentIndex !== index));
+    };
+    return /* @__PURE__ */ jsxs28("div", { className: cn("cnc-flex cnc-min-w-0 cnc-flex-col cnc-gap-3", className), ...props, children: [
+      /* @__PURE__ */ jsx37(
+        "input",
+        {
+          ref: fileInputRef,
+          type: "file",
+          multiple,
+          accept,
+          className: "cnc-sr-only",
+          tabIndex: -1,
+          disabled: isBusy,
+          "aria-describedby": hint ? hintId : void 0,
+          onChange: handleFileSelection
+        }
+      ),
+      /* @__PURE__ */ jsx37("div", { className: "cnc-flex cnc-flex-col cnc-gap-2 sm:cnc-flex-row sm:cnc-flex-wrap sm:cnc-items-center", children: /* @__PURE__ */ jsxs28(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          disabled: isBusy,
+          className: buttonClassName,
+          onClick: () => fileInputRef.current?.click(),
+          children: [
+            icon ?? /* @__PURE__ */ jsx37(Paperclip, { className: "cnc-mr-2 cnc-size-4" }),
+            buttonLabel
+          ]
+        }
+      ) }),
+      hint ? /* @__PURE__ */ jsx37("p", { id: hintId, className: "cnc-text-sm cnc-text-slate-600", children: hint }) : null,
+      showList && items.length > 0 ? /* @__PURE__ */ jsxs28("div", { className: "cnc-flex cnc-flex-col cnc-gap-2", children: [
+        /* @__PURE__ */ jsx37("p", { role: "status", className: "cnc-text-sm cnc-font-medium cnc-text-slate-700", children: listTitle(items.length) }),
+        /* @__PURE__ */ jsx37(
+          FileList,
+          {
+            items,
+            onRemove: handleRemove,
+            disabled: isBusy,
+            className: listClassName
+          }
+        )
+      ] }) : null
+    ] });
+  }
+);
+FileUpload.displayName = "FileUpload";
+
+// src/components/organisms/calendar/calendar-utils.ts
+var MESES_PT_BR = [
+  "Janeiro",
+  "Fevereiro",
+  "Mar\xE7o",
+  "Abril",
+  "Maio",
+  "Junho",
+  "Julho",
+  "Agosto",
+  "Setembro",
+  "Outubro",
+  "Novembro",
+  "Dezembro"
+];
+var MESES_PT_BR_ABREV = [
+  "JAN",
+  "FEV",
+  "MAR",
+  "ABR",
+  "MAI",
+  "JUN",
+  "JUL",
+  "AGO",
+  "SET",
+  "OUT",
+  "NOV",
+  "DEZ"
+];
+var DIAS_SEMANA_PT_BR = ["DOM", "SEG", "TER", "QUA", "QUI", "SEX", "S\xC1B"];
+function toDateKey(date) {
+  const ano = date.getFullYear();
+  const mes = String(date.getMonth() + 1).padStart(2, "0");
+  const dia = String(date.getDate()).padStart(2, "0");
+  return `${ano}-${mes}-${dia}`;
+}
+function toLocalNoon(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 12, 0, 0, 0);
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function isToday(date) {
+  return isSameDay(date, /* @__PURE__ */ new Date());
+}
+function buildMonthDays(month, selectedDate, hasItems) {
+  const year = month.getFullYear();
+  const monthIndex = month.getMonth();
+  const totalDays = new Date(year, monthIndex + 1, 0).getDate();
+  const startOffset = new Date(year, monthIndex, 1).getDay();
+  const cells = [];
+  for (let i = 0; i < startOffset; i++) {
+    cells.push(null);
+  }
+  for (let day = 1; day <= totalDays; day++) {
+    const date = new Date(year, monthIndex, day, 12, 0, 0, 0);
+    cells.push({
+      date,
+      number: day,
+      dateKey: toDateKey(date),
+      isToday: isToday(date),
+      isSelected: selectedDate ? isSameDay(date, selectedDate) : false,
+      hasItems: hasItems?.(date) ?? false
+    });
+  }
+  return cells;
+}
+function formatMonthYear(date) {
+  return `${MESES_PT_BR[date.getMonth()]} ${date.getFullYear()}`;
+}
+function formatDayAriaLabel(date) {
+  return date.toLocaleDateString("pt-BR", {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    year: "numeric"
+  });
+}
+
+// src/components/organisms/calendar/mini-month-calendar.tsx
+import * as React25 from "react";
+import { Fragment as Fragment7, jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
+function MiniMonthCalendar({
+  month: monthProp,
+  onMonthChange,
+  selectedDate,
+  onSelectDate,
+  hasItems,
+  renderDay,
+  weekDays = DIAS_SEMANA_PT_BR,
+  monthLabel = formatMonthYear,
+  previousLabel = "M\xEAs anterior",
+  nextLabel = "Pr\xF3ximo m\xEAs",
+  className
 }) {
-  const gridStyle = {
-    gridTemplateColumns: `repeat(auto-fill, minmax(min(100%, ${minItemWidth}), 1fr))`
+  const month = React25.useMemo(() => toLocalNoon(monthProp ?? /* @__PURE__ */ new Date()), [monthProp]);
+  const cells = React25.useMemo(
+    () => buildMonthDays(month, selectedDate, hasItems),
+    [month, selectedDate, hasItems]
+  );
+  const goToMonth = (offset) => {
+    onMonthChange?.(
+      new Date(month.getFullYear(), month.getMonth() + offset, 1, 12, 0, 0, 0)
+    );
   };
-  if (isLoading) {
-    return /* @__PURE__ */ jsx24(
-      "div",
-      {
-        className: cn("cnc-grid cnc-w-full", gap, className),
-        style: gridStyle,
-        "aria-busy": "true",
-        children: Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ jsxs18(
-          "div",
+  return /* @__PURE__ */ jsxs29("div", { className: cn("cnc-w-full", className), children: [
+    /* @__PURE__ */ jsxs29("div", { className: "cnc-mb-4 cnc-flex cnc-items-center cnc-justify-between cnc-px-1", children: [
+      /* @__PURE__ */ jsx38(
+        "button",
+        {
+          type: "button",
+          onClick: () => goToMonth(-1),
+          "aria-label": previousLabel,
+          className: "cnc-rounded cnc-p-1 cnc-text-brand-gray-200 cnc-transition-colors hover:cnc-bg-brand-blue-50 hover:cnc-text-brand-blue-600",
+          children: /* @__PURE__ */ jsx38(ChevronLeft, { className: "cnc-size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx38("span", { className: "cnc-text-sm cnc-font-bold cnc-text-primary", children: monthLabel(month) }),
+      /* @__PURE__ */ jsx38(
+        "button",
+        {
+          type: "button",
+          onClick: () => goToMonth(1),
+          "aria-label": nextLabel,
+          className: "cnc-rounded cnc-p-1 cnc-text-brand-gray-200 cnc-transition-colors hover:cnc-bg-brand-blue-50 hover:cnc-text-brand-blue-600",
+          children: /* @__PURE__ */ jsx38(ChevronRight, { className: "cnc-size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs29("div", { className: "cnc-grid cnc-grid-cols-7 cnc-gap-y-3 cnc-text-center cnc-text-xs", children: [
+      weekDays.map((dayName) => /* @__PURE__ */ jsx38(
+        "span",
+        {
+          className: "cnc-text-[11px] cnc-font-medium cnc-text-brand-gray-200",
+          children: dayName
+        },
+        dayName
+      )),
+      cells.map((cell, index) => {
+        if (!cell) {
+          return /* @__PURE__ */ jsx38("span", {}, `vazio-${index}`);
+        }
+        return /* @__PURE__ */ jsx38(
+          "button",
           {
-            className: "cnc-animate-pulse cnc-rounded-md cnc-border-2 cnc-border-brand-gray-50 cnc-bg-white cnc-shadow cnc-p-6",
-            children: [
-              /* @__PURE__ */ jsx24("div", { className: "cnc-h-4 cnc-w-1/2 cnc-bg-brand-gray-100 cnc-rounded cnc-mb-4" }),
-              /* @__PURE__ */ jsx24("div", { className: "cnc-h-3 cnc-w-3/4 cnc-bg-brand-gray-100 cnc-rounded cnc-mb-2" }),
-              /* @__PURE__ */ jsx24("div", { className: "cnc-h-3 cnc-w-2/3 cnc-bg-brand-gray-100 cnc-rounded cnc-mb-6" }),
-              /* @__PURE__ */ jsx24("div", { className: "cnc-h-8 cnc-w-full cnc-bg-brand-gray-100 cnc-rounded" })
-            ]
+            type: "button",
+            onClick: () => onSelectDate?.(cell.date),
+            "aria-label": formatDayAriaLabel(cell.date),
+            "aria-pressed": cell.isSelected,
+            className: cn(
+              "cnc-group cnc-relative cnc-flex cnc-h-8 cnc-flex-col cnc-items-center cnc-justify-center cnc-rounded-full cnc-transition-colors",
+              cell.isSelected ? "cnc-bg-primary cnc-text-white" : "cnc-text-brand-gray-600 hover:cnc-bg-brand-blue-50 hover:cnc-text-primary",
+              cell.isToday && !cell.isSelected && "cnc-underline cnc-decoration-primary cnc-decoration-2 cnc-underline-offset-4"
+            ),
+            children: renderDay ? renderDay(cell) : /* @__PURE__ */ jsxs29(Fragment7, { children: [
+              /* @__PURE__ */ jsx38("span", { className: "cnc-text-xs cnc-font-semibold", children: cell.number }),
+              cell.hasItems && /* @__PURE__ */ jsx38("span", { className: "cnc-absolute cnc-bottom-1 cnc-size-1 cnc-rounded-full cnc-bg-primary group-aria-pressed:cnc-bg-white" })
+            ] })
           },
-          i
-        ))
-      }
-    );
-  }
-  if (!items || items.length === 0) {
-    return /* @__PURE__ */ jsxs18(
-      "div",
+          cell.dateKey
+        );
+      })
+    ] })
+  ] });
+}
+
+// src/components/organisms/calendar/month-year-picker.tsx
+import * as React26 from "react";
+import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
+function MonthYearPicker({
+  value,
+  onChange,
+  disabled = false,
+  triggerLabel = formatMonthYear,
+  previousYearLabel = "Ano anterior",
+  nextYearLabel = "Pr\xF3ximo ano",
+  className,
+  triggerClassName,
+  contentClassName
+}) {
+  const [open, setOpen] = React26.useState(false);
+  const [viewYear, setViewYear] = React26.useState(() => value.getFullYear());
+  React26.useEffect(() => {
+    if (open) setViewYear(value.getFullYear());
+  }, [open, value]);
+  const isSelectedMonth = (monthIndex) => value.getFullYear() === viewYear && value.getMonth() === monthIndex;
+  const handleMonthSelect = (monthIndex) => {
+    const lastDay = new Date(viewYear, monthIndex + 1, 0).getDate();
+    const day = Math.min(value.getDate(), lastDay);
+    onChange(new Date(viewYear, monthIndex, day));
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs30(Popover2, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx39(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs30(
+      Button,
       {
+        type: "button",
+        variant: "outline",
+        disabled,
+        "aria-expanded": open,
         className: cn(
-          "cnc-w-full cnc-flex cnc-flex-col cnc-items-center cnc-justify-center cnc-rounded-md cnc-py-16 cnc-px-4",
-          className
+          "cnc-justify-between cnc-gap-2 cnc-font-bold",
+          triggerClassName
         ),
-        style: { backgroundColor: "#F8FAFC", color: "#64748B" },
         children: [
-          /* @__PURE__ */ jsx24(FolderOpen, { className: "cnc-h-8 cnc-w-8 cnc-mb-2" }),
-          /* @__PURE__ */ jsx24("p", { className: "cnc-text-sm", children: emptyMessage })
+          /* @__PURE__ */ jsx39("span", { className: "cnc-text-sm", children: triggerLabel(value) }),
+          /* @__PURE__ */ jsx39(
+            ChevronDown,
+            {
+              className: cn(
+                "cnc-size-4 cnc-transition-transform",
+                open && "cnc-rotate-180"
+              )
+            }
+          )
         ]
       }
-    );
+    ) }),
+    /* @__PURE__ */ jsxs30(
+      PopoverContent2,
+      {
+        align: "start",
+        className: cn("cnc-w-72 cnc-p-4", className, contentClassName),
+        children: [
+          /* @__PURE__ */ jsxs30("div", { className: "cnc-mb-4 cnc-flex cnc-items-center cnc-justify-between", children: [
+            /* @__PURE__ */ jsx39(
+              "button",
+              {
+                type: "button",
+                onClick: () => setViewYear((prev) => prev - 1),
+                "aria-label": previousYearLabel,
+                className: "cnc-rounded-full cnc-p-1 cnc-text-brand-gray-200 cnc-transition-colors hover:cnc-bg-brand-blue-50 hover:cnc-text-brand-blue-600",
+                children: /* @__PURE__ */ jsx39(ChevronLeft, { className: "cnc-size-5" })
+              }
+            ),
+            /* @__PURE__ */ jsx39("span", { className: "cnc-text-base cnc-font-bold cnc-text-primary", children: viewYear }),
+            /* @__PURE__ */ jsx39(
+              "button",
+              {
+                type: "button",
+                onClick: () => setViewYear((prev) => prev + 1),
+                "aria-label": nextYearLabel,
+                className: "cnc-rounded-full cnc-p-1 cnc-text-brand-gray-200 cnc-transition-colors hover:cnc-bg-brand-blue-50 hover:cnc-text-brand-blue-600",
+                children: /* @__PURE__ */ jsx39(ChevronRight, { className: "cnc-size-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx39("div", { className: "cnc-grid cnc-grid-cols-3 cnc-gap-x-2 cnc-gap-y-1", children: MESES_PT_BR_ABREV.map((month, monthIndex) => /* @__PURE__ */ jsx39(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleMonthSelect(monthIndex),
+              "aria-pressed": isSelectedMonth(monthIndex),
+              className: cn(
+                "cnc-rounded-lg cnc-py-2 cnc-text-[10px] cnc-font-bold cnc-uppercase cnc-transition-colors",
+                isSelectedMonth(monthIndex) ? "cnc-bg-primary-800 cnc-text-white cnc-shadow-md" : "cnc-text-brand-gray-200 hover:cnc-bg-brand-blue-50 hover:cnc-text-primary"
+              ),
+              children: month
+            },
+            month
+          )) })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/organisms/period-range-list/index.tsx
+import * as React27 from "react";
+import { jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
+var DEFAULT_LABELS = {
+  start: "In\xEDcio",
+  end: "Fim",
+  add: "Adicionar",
+  empty: "Nenhum per\xEDodo adicionado.",
+  startColumn: "In\xEDcio",
+  endColumn: "Fim",
+  actionsColumn: "A\xE7\xF5es"
+};
+function createPeriodId() {
+  return `period-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+}
+function normalizePeriods(periods) {
+  return periods.map((period) => ({
+    ...period,
+    id: period.id ?? createPeriodId()
+  }));
+}
+function formatForDisplay(value, inputType) {
+  if (!value) return "";
+  if (inputType === "date") {
+    const [year2, month2, day2] = value.split("-");
+    if (year2 && month2 && day2) return `${day2}/${month2}/${year2}`;
+    return value;
   }
-  return /* @__PURE__ */ jsx24(
-    "div",
-    {
-      className: cn("cnc-grid cnc-w-full", gap, className),
-      style: gridStyle,
-      children: items.map((item, index) => /* @__PURE__ */ jsx24(React16.Fragment, { children: renderCard(item, index) }, getKey ? getKey(item, index) : index))
-    }
+  const normalized = value.slice(0, 16);
+  const [datePart, timePart] = normalized.split("T");
+  if (!datePart) return value;
+  const [year, month, day] = datePart.split("-");
+  const dateText = year && month && day ? `${day}/${month}/${year}` : datePart;
+  return timePart ? `${dateText} ${timePart}` : dateText;
+}
+function splitDisplay(value, inputType) {
+  const formatted = formatForDisplay(value, inputType);
+  if (inputType === "date") {
+    return { date: formatted, time: "" };
+  }
+  const parts = formatted.split(" ");
+  if (parts.length <= 1) {
+    return { date: formatted, time: "" };
+  }
+  const time = parts.pop() ?? "";
+  return { date: parts.join(" "), time };
+}
+function PeriodRangeList({
+  value = [],
+  onChange,
+  inputType = "datetime-local",
+  labels: labelsProp,
+  readOnly = false,
+  disabled = false,
+  required = false,
+  error,
+  validate,
+  className
+}) {
+  const labels = { ...DEFAULT_LABELS, ...labelsProp };
+  const endAfterStart = validate?.endAfterStart ?? true;
+  const noDuplicates = validate?.noDuplicates ?? true;
+  const [startDraft, setStartDraft] = React27.useState("");
+  const [endDraft, setEndDraft] = React27.useState("");
+  const periods = React27.useMemo(() => normalizePeriods(value), [value]);
+  const isInvalidRange = Boolean(startDraft && endDraft) && endAfterStart && startDraft >= endDraft;
+  const isDuplicate = Boolean(startDraft && endDraft) && noDuplicates && periods.some(
+    (period) => period.start === startDraft && period.end === endDraft
   );
+  const canAdd = Boolean(startDraft && endDraft) && !isInvalidRange && !isDuplicate;
+  const addTitle = isDuplicate ? "Este per\xEDodo j\xE1 foi adicionado" : isInvalidRange ? "A data final deve ser posterior \xE0 data inicial" : void 0;
+  function emitChange(next) {
+    onChange?.(normalizePeriods(next));
+  }
+  function handleAdd() {
+    if (!canAdd || disabled || readOnly) return;
+    emitChange([
+      ...periods,
+      {
+        id: createPeriodId(),
+        start: startDraft,
+        end: endDraft
+      }
+    ]);
+    setStartDraft("");
+    setEndDraft("");
+  }
+  function handleRemove(id) {
+    if (disabled || readOnly) return;
+    emitChange(periods.filter((period) => period.id !== id));
+  }
+  const showRequiredOnInputs = required && periods.length === 0;
+  return /* @__PURE__ */ jsxs31("div", { className: cn("cnc-w-full cnc-space-y-4", className), children: [
+    !readOnly && /* @__PURE__ */ jsxs31("div", { className: "cnc-grid cnc-grid-cols-1 md:cnc-grid-cols-12 cnc-gap-4 cnc-items-end", children: [
+      /* @__PURE__ */ jsx40("div", { className: "md:cnc-col-span-5", children: /* @__PURE__ */ jsx40(
+        Input,
+        {
+          type: inputType,
+          label: labels.start,
+          required: showRequiredOnInputs,
+          value: startDraft,
+          disabled,
+          onChange: (event) => setStartDraft(event.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ jsx40("div", { className: "md:cnc-col-span-5", children: /* @__PURE__ */ jsx40(
+        Input,
+        {
+          type: inputType,
+          label: labels.end,
+          required: showRequiredOnInputs,
+          value: endDraft,
+          min: startDraft || void 0,
+          disabled,
+          onChange: (event) => setEndDraft(event.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ jsx40("div", { className: "md:cnc-col-span-2", children: /* @__PURE__ */ jsxs31(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "cnc-w-full cnc-gap-2",
+          disabled: !canAdd || disabled,
+          title: addTitle,
+          onClick: handleAdd,
+          children: [
+            /* @__PURE__ */ jsx40(Plus, { className: "cnc-h-4 cnc-w-4" }),
+            labels.add
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx40("div", { className: "cnc-overflow-hidden cnc-rounded-lg cnc-border cnc-border-brand-gray-50 cnc-shadow-sm", children: /* @__PURE__ */ jsxs31("table", { className: "cnc-min-w-full cnc-divide-y cnc-divide-brand-gray-50", children: [
+      /* @__PURE__ */ jsx40("thead", { className: "cnc-bg-brand-gray-10", children: /* @__PURE__ */ jsxs31("tr", { children: [
+        /* @__PURE__ */ jsx40("th", { className: "cnc-px-6 cnc-py-3 cnc-text-left cnc-text-xs cnc-font-semibold cnc-uppercase cnc-tracking-wider cnc-text-brand-gray-600", children: labels.startColumn }),
+        /* @__PURE__ */ jsx40("th", { className: "cnc-px-6 cnc-py-3 cnc-text-left cnc-text-xs cnc-font-semibold cnc-uppercase cnc-tracking-wider cnc-text-brand-gray-600", children: labels.endColumn }),
+        !readOnly && /* @__PURE__ */ jsx40("th", { className: "cnc-px-6 cnc-py-3 cnc-text-right cnc-text-xs cnc-font-semibold cnc-uppercase cnc-tracking-wider cnc-text-brand-gray-600", children: labels.actionsColumn })
+      ] }) }),
+      /* @__PURE__ */ jsxs31("tbody", { className: "cnc-divide-y cnc-divide-brand-gray-50 cnc-bg-white cnc-text-sm", children: [
+        periods.map((period) => {
+          const startDisplay = splitDisplay(period.start, inputType);
+          const endDisplay = splitDisplay(period.end, inputType);
+          return /* @__PURE__ */ jsxs31("tr", { className: "hover:cnc-bg-brand-gray-10/50", children: [
+            /* @__PURE__ */ jsxs31("td", { className: "cnc-px-6 cnc-py-4 cnc-text-brand-gray-600", children: [
+              /* @__PURE__ */ jsx40("span", { className: "cnc-font-medium cnc-text-brand-gray-600", children: startDisplay.date }),
+              startDisplay.time ? /* @__PURE__ */ jsx40("span", { className: "cnc-ml-2 cnc-text-brand-gray-200", children: startDisplay.time }) : null
+            ] }),
+            /* @__PURE__ */ jsxs31("td", { className: "cnc-px-6 cnc-py-4 cnc-text-brand-gray-600", children: [
+              /* @__PURE__ */ jsx40("span", { className: "cnc-font-medium cnc-text-brand-gray-600", children: endDisplay.date }),
+              endDisplay.time ? /* @__PURE__ */ jsx40("span", { className: "cnc-ml-2 cnc-text-brand-gray-200", children: endDisplay.time }) : null
+            ] }),
+            !readOnly && /* @__PURE__ */ jsx40("td", { className: "cnc-px-6 cnc-py-4 cnc-text-right", children: /* @__PURE__ */ jsx40(
+              "button",
+              {
+                type: "button",
+                className: "cnc-text-brand-gray-200 hover:cnc-text-brand-red-500 cnc-transition-colors disabled:cnc-opacity-50",
+                disabled,
+                "aria-label": "Remover per\xEDodo",
+                onClick: () => handleRemove(period.id),
+                children: /* @__PURE__ */ jsx40(Trash2, { className: "cnc-h-5 cnc-w-5" })
+              }
+            ) })
+          ] }, period.id);
+        }),
+        periods.length === 0 && /* @__PURE__ */ jsx40("tr", { children: /* @__PURE__ */ jsx40(
+          "td",
+          {
+            colSpan: readOnly ? 2 : 3,
+            className: "cnc-px-6 cnc-py-8 cnc-text-center cnc-text-brand-gray-200 cnc-italic",
+            children: labels.empty
+          }
+        ) })
+      ] })
+    ] }) }),
+    error ? /* @__PURE__ */ jsx40("p", { className: "cnc-text-xs cnc-font-medium cnc-text-brand-red-500", children: error }) : null
+  ] });
 }
+var DateTimeRangeList = PeriodRangeList;
 
 // src/components/organisms/header-notifications/index.tsx
-import * as React18 from "react";
+import * as React29 from "react";
 
 // src/components/organisms/header-notifications/cliente.ts
 var URL_PADRAO_NOTIFICACOES = "https://dev-apinotificacoes-b5feekb4bdfyb7c2.eastus2-01.azurewebsites.net/v1";
@@ -4871,7 +6284,7 @@ function mapearParaItem(notificacao, getHref, agora) {
 }
 
 // src/components/organisms/header-notifications/modal-lembretes.tsx
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
 function ModalLembretes({
   lembretes,
   aberto,
@@ -4881,46 +6294,46 @@ function ModalLembretes({
 }) {
   const visivel = aberto && lembretes.length > 0;
   const tituloExibido = titulo ?? (lembretes.length === 1 ? "Voc\xEA tem um lembrete" : "Voc\xEA tem lembretes");
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx41(
     Dialog,
     {
       open: visivel,
       onOpenChange: (proximoEstado) => {
         if (!proximoEstado) onDispensar();
       },
-      children: /* @__PURE__ */ jsxs19(
+      children: /* @__PURE__ */ jsxs32(
         DialogContent,
         {
           className: "cnc-max-w-[440px] cnc-rounded-lg cnc-bg-white cnc-p-0",
           onOpenAutoFocus: (evento) => evento.preventDefault(),
           children: [
-            /* @__PURE__ */ jsxs19("div", { className: "cnc-flex cnc-items-center cnc-gap-3 cnc-border-b cnc-border-brand-gray-50 cnc-px-5 cnc-py-4", children: [
-              /* @__PURE__ */ jsx25("span", { className: "cnc-flex cnc-h-9 cnc-w-9 cnc-shrink-0 cnc-items-center cnc-justify-center cnc-rounded-full cnc-bg-brand-blue-60", children: /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsxs32("div", { className: "cnc-flex cnc-items-center cnc-gap-3 cnc-border-b cnc-border-brand-gray-50 cnc-px-5 cnc-py-4", children: [
+              /* @__PURE__ */ jsx41("span", { className: "cnc-flex cnc-h-9 cnc-w-9 cnc-shrink-0 cnc-items-center cnc-justify-center cnc-rounded-full cnc-bg-brand-blue-60", children: /* @__PURE__ */ jsx41(
                 BellRing,
                 {
                   className: "cnc-h-[18px] cnc-w-[18px] cnc-text-brand-blue-400",
                   "aria-hidden": "true"
                 }
               ) }),
-              /* @__PURE__ */ jsx25(DialogTitle, { className: "cnc-m-0 cnc-text-base cnc-font-extrabold cnc-text-brand-blue-900", children: tituloExibido })
+              /* @__PURE__ */ jsx41(DialogTitle, { className: "cnc-m-0 cnc-text-base cnc-font-extrabold cnc-text-brand-blue-900", children: tituloExibido })
             ] }),
-            /* @__PURE__ */ jsx25("ul", { className: "cnc-m-0 cnc-max-h-[320px] cnc-list-none cnc-overflow-y-auto cnc-p-0", children: lembretes.map((lembrete) => /* @__PURE__ */ jsxs19(
+            /* @__PURE__ */ jsx41("ul", { className: "cnc-m-0 cnc-max-h-[320px] cnc-list-none cnc-overflow-y-auto cnc-p-0", children: lembretes.map((lembrete) => /* @__PURE__ */ jsxs32(
               "li",
               {
                 className: "cnc-flex cnc-flex-col cnc-gap-1 cnc-border-b cnc-border-brand-gray-50 cnc-px-5 cnc-py-4 last:cnc-border-b-0",
                 children: [
-                  /* @__PURE__ */ jsxs19("div", { className: "cnc-flex cnc-items-baseline cnc-justify-between cnc-gap-3", children: [
-                    /* @__PURE__ */ jsx25("span", { className: "cnc-text-sm cnc-font-bold cnc-text-brand-blue-900", children: lembrete.titulo }),
-                    /* @__PURE__ */ jsx25("span", { className: "cnc-shrink-0 cnc-text-[11px] cnc-text-brand-gray-600", children: formatarDataRelativa(lembrete.dataLembrete) })
+                  /* @__PURE__ */ jsxs32("div", { className: "cnc-flex cnc-items-baseline cnc-justify-between cnc-gap-3", children: [
+                    /* @__PURE__ */ jsx41("span", { className: "cnc-text-sm cnc-font-bold cnc-text-brand-blue-900", children: lembrete.titulo }),
+                    /* @__PURE__ */ jsx41("span", { className: "cnc-shrink-0 cnc-text-[11px] cnc-text-brand-gray-600", children: formatarDataRelativa(lembrete.dataLembrete) })
                   ] }),
-                  lembrete.mensagem && /* @__PURE__ */ jsx25("span", { className: "cnc-text-xs cnc-leading-relaxed cnc-text-brand-gray-600", children: lembrete.mensagem })
+                  lembrete.mensagem && /* @__PURE__ */ jsx41("span", { className: "cnc-text-xs cnc-leading-relaxed cnc-text-brand-gray-600", children: lembrete.mensagem })
                 ]
               },
               lembrete.id
             )) }),
-            /* @__PURE__ */ jsxs19("div", { className: "cnc-flex cnc-flex-col cnc-gap-2 cnc-border-t cnc-border-brand-gray-50 cnc-px-5 cnc-py-4", children: [
-              /* @__PURE__ */ jsx25(Button, { variant: "confirm", className: "cnc-w-full", onClick: onDispensar, children: rotuloDispensar }),
-              /* @__PURE__ */ jsx25("p", { className: "cnc-m-0 cnc-text-center cnc-text-[11px] cnc-text-brand-gray-600", children: lembretes.length === 1 ? "Ao fechar, este lembrete \xE9 marcado como lido." : `Ao fechar, os ${lembretes.length} lembretes s\xE3o marcados como lidos.` })
+            /* @__PURE__ */ jsxs32("div", { className: "cnc-flex cnc-flex-col cnc-gap-2 cnc-border-t cnc-border-brand-gray-50 cnc-px-5 cnc-py-4", children: [
+              /* @__PURE__ */ jsx41(Button, { variant: "confirm", className: "cnc-w-full", onClick: onDispensar, children: rotuloDispensar }),
+              /* @__PURE__ */ jsx41("p", { className: "cnc-m-0 cnc-text-center cnc-text-[11px] cnc-text-brand-gray-600", children: lembretes.length === 1 ? "Ao fechar, este lembrete \xE9 marcado como lido." : `Ao fechar, os ${lembretes.length} lembretes s\xE3o marcados como lidos.` })
             ] })
           ]
         }
@@ -4930,7 +6343,7 @@ function ModalLembretes({
 }
 
 // src/components/organisms/header-notifications/usar-notificacoes.ts
-import * as React17 from "react";
+import * as React28 from "react";
 function foiAbortado(erro) {
   return erro?.name === "AbortError";
 }
@@ -4943,20 +6356,20 @@ function usarNotificacoes({
   habilitado = true,
   onErro
 }) {
-  const [notificacoes, setNotificacoes] = React17.useState([]);
-  const [carregando, setCarregando] = React17.useState(habilitado);
-  const notificacoesRef = React17.useRef(notificacoes);
-  const controladorRef = React17.useRef(null);
-  const jaCarregouRef = React17.useRef(false);
-  const onErroRef = React17.useRef(onErro);
-  React17.useEffect(() => {
+  const [notificacoes, setNotificacoes] = React28.useState([]);
+  const [carregando, setCarregando] = React28.useState(habilitado);
+  const notificacoesRef = React28.useRef(notificacoes);
+  const controladorRef = React28.useRef(null);
+  const jaCarregouRef = React28.useRef(false);
+  const onErroRef = React28.useRef(onErro);
+  React28.useEffect(() => {
     notificacoesRef.current = notificacoes;
   }, [notificacoes]);
-  React17.useEffect(() => {
+  React28.useEffect(() => {
     onErroRef.current = onErro;
   }, [onErro]);
   const chaveFiltros = JSON.stringify(filtros ?? {});
-  const atualizar = React17.useCallback(() => {
+  const atualizar = React28.useCallback(() => {
     if (!habilitado) return;
     controladorRef.current?.abort();
     const controlador = new AbortController();
@@ -4983,7 +6396,7 @@ function usarNotificacoes({
       }
     })();
   }, [baseUrl, email, sistema, chaveFiltros, habilitado]);
-  React17.useEffect(() => {
+  React28.useEffect(() => {
     if (!habilitado) {
       setCarregando(false);
       return;
@@ -4992,7 +6405,7 @@ function usarNotificacoes({
     atualizar();
     return () => controladorRef.current?.abort();
   }, [atualizar, habilitado]);
-  React17.useEffect(() => {
+  React28.useEffect(() => {
     if (!habilitado || !intervaloAtualizacao) return;
     const temporizador = window.setInterval(() => {
       if (typeof document !== "undefined" && document.hidden) return;
@@ -5000,7 +6413,7 @@ function usarNotificacoes({
     }, intervaloAtualizacao);
     return () => window.clearInterval(temporizador);
   }, [atualizar, habilitado, intervaloAtualizacao]);
-  const aplicarLeitura = React17.useCallback((ids) => {
+  const aplicarLeitura = React28.useCallback((ids) => {
     const alvos = new Set(ids.map(String));
     setNotificacoes(
       (atuais) => atuais.map(
@@ -5008,7 +6421,7 @@ function usarNotificacoes({
       )
     );
   }, []);
-  const reverterLeitura = React17.useCallback((anteriores) => {
+  const reverterLeitura = React28.useCallback((anteriores) => {
     const original = new Map(
       anteriores.map((notificacao) => [String(notificacao.id), notificacao])
     );
@@ -5023,7 +6436,7 @@ function usarNotificacoes({
       })
     );
   }, []);
-  const marcarUmaComoLida = React17.useCallback(
+  const marcarUmaComoLida = React28.useCallback(
     (id) => {
       const alvo = notificacoesRef.current.find(
         (notificacao) => String(notificacao.id) === String(id)
@@ -5037,7 +6450,7 @@ function usarNotificacoes({
     },
     [baseUrl, aplicarLeitura, reverterLeitura]
   );
-  const marcarComoLidas = React17.useCallback(
+  const marcarComoLidas = React28.useCallback(
     (ids) => {
       const alvos = new Set(ids.map(String));
       const naoLidas = notificacoesRef.current.filter(
@@ -5055,10 +6468,10 @@ function usarNotificacoes({
     },
     [baseUrl, aplicarLeitura, reverterLeitura]
   );
-  const marcarTodasComoLidas = React17.useCallback(() => {
+  const marcarTodasComoLidas = React28.useCallback(() => {
     marcarComoLidas(notificacoesRef.current.map((notificacao) => notificacao.id));
   }, [marcarComoLidas]);
-  const marcarUmaComoNaoLida = React17.useCallback(
+  const marcarUmaComoNaoLida = React28.useCallback(
     (id) => {
       const alvo = notificacoesRef.current.find(
         (notificacao) => String(notificacao.id) === String(id)
@@ -5076,7 +6489,7 @@ function usarNotificacoes({
     },
     [baseUrl, reverterLeitura]
   );
-  const excluir = React17.useCallback(
+  const excluir = React28.useCallback(
     (id) => {
       const alvo = notificacoesRef.current.find(
         (notificacao) => String(notificacao.id) === String(id)
@@ -5105,7 +6518,7 @@ function usarNotificacoes({
 }
 
 // src/components/organisms/header-notifications/index.tsx
-import { Fragment as Fragment6, jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
 function HeaderNotifications(props) {
   const {
     items = [],
@@ -5137,11 +6550,11 @@ function HeaderNotifications(props) {
     tituloLembretes,
     rotuloDispensarLembretes
   } = props;
-  const [aberto, setAberto] = React18.useState(false);
-  const [lembretesEmAlerta, setLembretesEmAlerta] = React18.useState(
+  const [aberto, setAberto] = React29.useState(false);
+  const [lembretesEmAlerta, setLembretesEmAlerta] = React29.useState(
     []
   );
-  const avaliouLembretesRef = React18.useRef(false);
+  const avaliouLembretesRef = React29.useRef(false);
   const conectado = Boolean(email && sistema);
   const remoto = usarNotificacoes({
     email: email ?? "",
@@ -5152,17 +6565,17 @@ function HeaderNotifications(props) {
     habilitado: conectado,
     onErro
   });
-  const elegiveis = React18.useMemo(
+  const elegiveis = React29.useMemo(
     () => conectado ? selecionarVisiveis(remoto.notificacoes) : [],
     [conectado, remoto.notificacoes]
   );
-  const itensRemotos = React18.useMemo(
+  const itensRemotos = React29.useMemo(
     () => elegiveis.slice(0, limite).map((notificacao) => mapearParaItem(notificacao, getHref)),
     [elegiveis, limite, getHref]
   );
   const itens = conectado ? itensRemotos : items;
   const carregandoLista = conectado ? remoto.carregando : isLoading;
-  React18.useEffect(() => {
+  React29.useEffect(() => {
     if (!conectado || !alertarLembretes) return;
     if (remoto.carregando || avaliouLembretesRef.current) return;
     avaliouLembretesRef.current = true;
@@ -5212,28 +6625,28 @@ function HeaderNotifications(props) {
   const anelDeFoco = "focus-visible:cnc-ring-2 focus-visible:cnc-ring-inset focus-visible:cnc-ring-brand-gray-500/50";
   const renderarConteudo = () => {
     if (carregandoLista) {
-      return /* @__PURE__ */ jsx26("div", { "aria-busy": "true", children: Array.from({ length: skeletonCount }).map((_, indice) => /* @__PURE__ */ jsx26(
+      return /* @__PURE__ */ jsx42("div", { "aria-busy": "true", children: Array.from({ length: skeletonCount }).map((_, indice) => /* @__PURE__ */ jsx42(
         "div",
         {
           className: "cnc-flex cnc-border-b cnc-border-l-[3px] cnc-border-brand-gray-50 cnc-border-l-transparent cnc-py-3 cnc-pl-3 cnc-pr-4 last:cnc-border-b-0",
-          children: /* @__PURE__ */ jsxs20("div", { className: "cnc-flex cnc-w-full cnc-flex-col cnc-gap-2", children: [
-            /* @__PURE__ */ jsx26("div", { className: "cnc-h-3 cnc-w-1/2 cnc-animate-pulse cnc-rounded cnc-bg-brand-gray-20" }),
-            /* @__PURE__ */ jsx26("div", { className: "cnc-h-3 cnc-w-3/4 cnc-animate-pulse cnc-rounded cnc-bg-brand-gray-20" })
+          children: /* @__PURE__ */ jsxs33("div", { className: "cnc-flex cnc-w-full cnc-flex-col cnc-gap-2", children: [
+            /* @__PURE__ */ jsx42("div", { className: "cnc-h-3 cnc-w-1/2 cnc-animate-pulse cnc-rounded cnc-bg-brand-gray-20" }),
+            /* @__PURE__ */ jsx42("div", { className: "cnc-h-3 cnc-w-3/4 cnc-animate-pulse cnc-rounded cnc-bg-brand-gray-20" })
           ] })
         },
         indice
       )) });
     }
     if (itens.length === 0) {
-      return /* @__PURE__ */ jsxs20("div", { className: "cnc-flex cnc-flex-col cnc-items-center cnc-justify-center cnc-px-4 cnc-py-12 cnc-text-brand-gray-200", children: [
-        /* @__PURE__ */ jsx26(BellOff, { className: "cnc-mb-2 cnc-h-7 cnc-w-7", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx26("p", { className: "cnc-text-sm", children: emptyMessage })
+      return /* @__PURE__ */ jsxs33("div", { className: "cnc-flex cnc-flex-col cnc-items-center cnc-justify-center cnc-px-4 cnc-py-12 cnc-text-brand-gray-200", children: [
+        /* @__PURE__ */ jsx42(BellOff, { className: "cnc-mb-2 cnc-h-7 cnc-w-7", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx42("p", { className: "cnc-text-sm", children: emptyMessage })
       ] });
     }
-    return /* @__PURE__ */ jsx26("ul", { className: "cnc-m-0 cnc-list-none cnc-p-0", children: itens.map((item) => {
-      const conteudo = /* @__PURE__ */ jsxs20("span", { className: "cnc-flex cnc-min-w-0 cnc-flex-1 cnc-flex-col cnc-gap-0.5", children: [
-        /* @__PURE__ */ jsxs20("span", { className: "cnc-flex cnc-items-baseline cnc-justify-between cnc-gap-2", children: [
-          /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx42("ul", { className: "cnc-m-0 cnc-list-none cnc-p-0", children: itens.map((item) => {
+      const conteudo = /* @__PURE__ */ jsxs33("span", { className: "cnc-flex cnc-min-w-0 cnc-flex-1 cnc-flex-col cnc-gap-0.5", children: [
+        /* @__PURE__ */ jsxs33("span", { className: "cnc-flex cnc-items-baseline cnc-justify-between cnc-gap-2", children: [
+          /* @__PURE__ */ jsx42(
             "span",
             {
               className: cn(
@@ -5243,10 +6656,10 @@ function HeaderNotifications(props) {
               children: item.title
             }
           ),
-          item.date && /* @__PURE__ */ jsx26("span", { className: "cnc-shrink-0 cnc-text-[11px] cnc-text-brand-gray-600", children: item.date })
+          item.date && /* @__PURE__ */ jsx42("span", { className: "cnc-shrink-0 cnc-text-[11px] cnc-text-brand-gray-600", children: item.date })
         ] }),
-        item.message && /* @__PURE__ */ jsx26("span", { className: "cnc-line-clamp-2 cnc-text-xs cnc-text-brand-gray-600", children: item.message }),
-        !item.read && /* @__PURE__ */ jsx26("span", { className: "cnc-sr-only", children: "N\xE3o lida" })
+        item.message && /* @__PURE__ */ jsx42("span", { className: "cnc-line-clamp-2 cnc-text-xs cnc-text-brand-gray-600", children: item.message }),
+        !item.read && /* @__PURE__ */ jsx42("span", { className: "cnc-sr-only", children: "N\xE3o lida" })
       ] });
       const classesLinha = cn(
         "cnc-flex cnc-w-full cnc-items-start cnc-border-l-[3px] cnc-transition cnc-duration-200",
@@ -5261,7 +6674,7 @@ function HeaderNotifications(props) {
         "cnc-flex cnc-h-7 cnc-w-7 cnc-shrink-0 cnc-cursor-pointer cnc-items-center cnc-justify-center cnc-rounded cnc-border-0 cnc-bg-transparent cnc-p-0 cnc-text-brand-gray-200 cnc-outline-none cnc-transition cnc-duration-200 hover:cnc-bg-white",
         anelDeFoco
       );
-      const renderarAlvo = () => alvoClicavel ? /* @__PURE__ */ jsx26(
+      const renderarAlvo = () => alvoClicavel ? /* @__PURE__ */ jsx42(
         "button",
         {
           type: "button",
@@ -5269,16 +6682,16 @@ function HeaderNotifications(props) {
           className: classesAlvo,
           children: conteudo
         }
-      ) : /* @__PURE__ */ jsx26("div", { className: classesAlvo, children: conteudo });
+      ) : /* @__PURE__ */ jsx42("div", { className: classesAlvo, children: conteudo });
       const rotuloLeitura = item.read ? "Marcar como n\xE3o lida" : "Marcar como lida";
-      return /* @__PURE__ */ jsx26(
+      return /* @__PURE__ */ jsx42(
         "li",
         {
           className: "cnc-border-b cnc-border-brand-gray-50 last:cnc-border-b-0",
-          children: /* @__PURE__ */ jsxs20("div", { className: classesLinha, children: [
+          children: /* @__PURE__ */ jsxs33("div", { className: classesLinha, children: [
             renderarAlvo(),
-            (podeAlternarLeitura || podeExcluir) && /* @__PURE__ */ jsxs20("div", { className: "cnc-flex cnc-shrink-0 cnc-items-center cnc-gap-1 cnc-py-3 cnc-pr-2", children: [
-              podeAlternarLeitura && /* @__PURE__ */ jsx26(
+            (podeAlternarLeitura || podeExcluir) && /* @__PURE__ */ jsxs33("div", { className: "cnc-flex cnc-shrink-0 cnc-items-center cnc-gap-1 cnc-py-3 cnc-pr-2", children: [
+              podeAlternarLeitura && /* @__PURE__ */ jsx42(
                 "button",
                 {
                   type: "button",
@@ -5289,7 +6702,7 @@ function HeaderNotifications(props) {
                     classesAcao,
                     "hover:cnc-text-brand-blue-400"
                   ),
-                  children: item.read ? /* @__PURE__ */ jsx26(Mail, { className: "cnc-h-4 cnc-w-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx26(
+                  children: item.read ? /* @__PURE__ */ jsx42(Mail, { className: "cnc-h-4 cnc-w-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx42(
                     MailOpen,
                     {
                       className: "cnc-h-4 cnc-w-4",
@@ -5298,7 +6711,7 @@ function HeaderNotifications(props) {
                   )
                 }
               ),
-              podeExcluir && /* @__PURE__ */ jsx26(
+              podeExcluir && /* @__PURE__ */ jsx42(
                 "button",
                 {
                   type: "button",
@@ -5306,7 +6719,7 @@ function HeaderNotifications(props) {
                   title: "Excluir notifica\xE7\xE3o",
                   onClick: () => excluirItem(item),
                   className: cn(classesAcao, "hover:cnc-text-brand-red-600"),
-                  children: /* @__PURE__ */ jsx26(Trash2, { className: "cnc-h-4 cnc-w-4", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ jsx42(Trash2, { className: "cnc-h-4 cnc-w-4", "aria-hidden": "true" })
                 }
               )
             ] })
@@ -5317,8 +6730,8 @@ function HeaderNotifications(props) {
     }) });
   };
   const temRodapePadrao = podeMarcarTodas && naoLidas > 0;
-  return /* @__PURE__ */ jsxs20(Fragment6, { children: [
-    alertarLembretes && /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs33(Fragment8, { children: [
+    alertarLembretes && /* @__PURE__ */ jsx42(
       ModalLembretes,
       {
         lembretes: lembretesEmAlerta,
@@ -5328,8 +6741,8 @@ function HeaderNotifications(props) {
         rotuloDispensar: rotuloDispensarLembretes
       }
     ),
-    /* @__PURE__ */ jsxs20(Popover, { open: aberto, onOpenChange: alterarAbertura, children: [
-      /* @__PURE__ */ jsx26(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs20(
+    /* @__PURE__ */ jsxs33(Popover, { open: aberto, onOpenChange: alterarAbertura, children: [
+      /* @__PURE__ */ jsx42(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs33(
         "button",
         {
           type: "button",
@@ -5340,62 +6753,812 @@ function HeaderNotifications(props) {
             className
           ),
           children: [
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx42(
               Bell,
               {
-                className: "cnc-h-5 cnc-w-5 cnc-text-brand-blue-900 cnc-header-item",
-                "aria-hidden": "true"
+                className: "cnc-h-5 cnc-w-5 cnc-text-brand-blue-900 cnc-header-item",
+                "aria-hidden": "true"
+              }
+            ),
+            naoLidas > 0 && /* @__PURE__ */ jsx42(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "cnc-absolute -cnc-right-0.5 -cnc-top-0.5 cnc-flex cnc-h-[18px] cnc-min-w-[18px] cnc-items-center cnc-justify-center cnc-rounded-full cnc-border-2 cnc-border-white cnc-bg-brand-red-500 cnc-px-1 cnc-text-[10px] cnc-font-bold cnc-leading-none cnc-text-white",
+                children: rotuloContagem
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs33(
+        PopoverContent,
+        {
+          align,
+          sideOffset: 20,
+          "aria-label": title,
+          style: { width: "min(380px, calc(100vw - 2rem))", padding: 0 },
+          className: cn(
+            "cnc-overflow-hidden cnc-rounded-lg cnc-border cnc-border-brand-gray-50 cnc-bg-white cnc-shadow-custom",
+            contentClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxs33("div", { className: "cnc-flex cnc-items-center cnc-justify-between cnc-gap-2 cnc-border-b cnc-border-brand-gray-50 cnc-px-4 cnc-py-3", children: [
+              /* @__PURE__ */ jsx42("h2", { className: "cnc-m-0 cnc-text-base cnc-font-extrabold cnc-text-brand-blue-900", children: title }),
+              naoLidas > 0 && /* @__PURE__ */ jsx42("span", { className: "cnc-rounded-md cnc-bg-brand-blue-60 cnc-px-2 cnc-py-1 cnc-text-xs cnc-font-semibold cnc-text-brand-blue-400", children: naoLidas === 1 ? "1 nova" : `${naoLidas} novas` })
+            ] }),
+            /* @__PURE__ */ jsx42("div", { className: "cnc-max-h-[360px] cnc-overflow-y-auto", children: renderarConteudo() }),
+            footer ? /* @__PURE__ */ jsx42("div", { className: "cnc-border-t cnc-border-brand-gray-50 cnc-px-4 cnc-py-3", children: footer }) : temRodapePadrao && /* @__PURE__ */ jsx42("div", { className: "cnc-flex cnc-justify-end cnc-border-t cnc-border-brand-gray-50 cnc-px-4 cnc-py-3", children: /* @__PURE__ */ jsx42(
+              "button",
+              {
+                type: "button",
+                onClick: marcarTodas,
+                className: cn(
+                  "cnc-cursor-pointer cnc-rounded cnc-bg-transparent cnc-p-0 cnc-text-xs cnc-font-semibold cnc-text-brand-blue-100 cnc-outline-none hover:cnc-underline",
+                  anelDeFoco
+                ),
+                children: "Marcar todas como lidas"
+              }
+            ) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/alertas/alertas.tsx
+import * as React32 from "react";
+
+// src/alertas/formulario-alerta.tsx
+import * as React30 from "react";
+
+// src/alertas/date-utils.ts
+function obterHojeDataHoraIsoLocal() {
+  const hoje = /* @__PURE__ */ new Date();
+  const ano = hoje.getFullYear();
+  const mes = String(hoje.getMonth() + 1).padStart(2, "0");
+  const dia = String(hoje.getDate()).padStart(2, "0");
+  const horas = String(hoje.getHours()).padStart(2, "0");
+  const minutos = String(hoje.getMinutes()).padStart(2, "0");
+  return `${ano}-${mes}-${dia}T${horas}:${minutos}`;
+}
+function datetimeLocalParaIsoComOffset(valorInput) {
+  if (!valorInput) return valorInput;
+  const data = new Date(valorInput);
+  if (isNaN(data.getTime())) return valorInput;
+  const offsetMinutos = data.getTimezoneOffset();
+  const sinal = offsetMinutos <= 0 ? "+" : "-";
+  const absOffset = Math.abs(offsetMinutos);
+  const offsetHoras = String(Math.floor(absOffset / 60)).padStart(2, "0");
+  const offsetMins = String(absOffset % 60).padStart(2, "0");
+  const ano = data.getFullYear();
+  const mes = String(data.getMonth() + 1).padStart(2, "0");
+  const dia = String(data.getDate()).padStart(2, "0");
+  const horas = String(data.getHours()).padStart(2, "0");
+  const minutos = String(data.getMinutes()).padStart(2, "0");
+  return `${ano}-${mes}-${dia}T${horas}:${minutos}:00${sinal}${offsetHoras}:${offsetMins}`;
+}
+function formatarDataParaExibicao(iso) {
+  if (!iso) return "";
+  const dataObj = new Date(iso);
+  if (isNaN(dataObj.getTime())) return "";
+  const dia = String(dataObj.getDate()).padStart(2, "0");
+  const mes = String(dataObj.getMonth() + 1).padStart(2, "0");
+  const ano = dataObj.getFullYear();
+  const horas = String(dataObj.getHours()).padStart(2, "0");
+  const minutos = String(dataObj.getMinutes()).padStart(2, "0");
+  return `${dia}/${mes}/${ano} \xE0s ${horas}:${minutos}`;
+}
+
+// src/alertas/formulario-alerta.tsx
+import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
+var FORM_VAZIO = {
+  titulo: "",
+  dataReferencia: "",
+  lembrarNoDia: true,
+  diasAntes: "",
+  alertasDiasAntes: [],
+  novoAlertaDiasAntes: "",
+  mensagem: "",
+  enviarEmail: false
+};
+function normalizarAlertasDiasAntes(values) {
+  const alertas = [...values.alertasDiasAntes];
+  if (values.novoAlertaDiasAntes.trim()) {
+    alertas.push(values.novoAlertaDiasAntes.trim());
+  }
+  return Array.from(new Set(alertas.map(Number))).sort((a, b) => a - b);
+}
+function construirPayload(values) {
+  const alertasNumericos = normalizarAlertasDiasAntes(values);
+  const diasAntes = alertasNumericos.length ? Math.max(...alertasNumericos) : values.diasAntes.trim() ? Number(values.diasAntes) : 0;
+  return {
+    titulo: values.titulo.trim(),
+    dataReferencia: datetimeLocalParaIsoComOffset(values.dataReferencia),
+    lembrarNoDia: values.lembrarNoDia,
+    diasAntes,
+    alertasDiasAntes: alertasNumericos,
+    mensagem: values.mensagem.trim() || void 0,
+    enviarEmail: values.enviarEmail
+  };
+}
+function preencherFormDoAlerta(alerta) {
+  const alertasDiasAntes = alerta.alertasDiasAntes && alerta.alertasDiasAntes.length > 0 ? alerta.alertasDiasAntes.map(String) : alerta.diasAntes > 0 ? [String(alerta.diasAntes)] : [];
+  const dataObj = new Date(alerta.dataReferencia);
+  const formatada = isNaN(dataObj.getTime()) ? "" : (() => {
+    const ano = dataObj.getFullYear();
+    const mes = String(dataObj.getMonth() + 1).padStart(2, "0");
+    const dia = String(dataObj.getDate()).padStart(2, "0");
+    const horas = String(dataObj.getHours()).padStart(2, "0");
+    const minutos = String(dataObj.getMinutes()).padStart(2, "0");
+    return `${ano}-${mes}-${dia}T${horas}:${minutos}`;
+  })();
+  return {
+    titulo: alerta.titulo,
+    dataReferencia: formatada,
+    lembrarNoDia: alerta.lembrarNoDia ?? alerta.diasAntes === 0,
+    diasAntes: alerta.diasAntes ? String(alerta.diasAntes) : "",
+    alertasDiasAntes,
+    novoAlertaDiasAntes: "",
+    mensagem: alerta.mensagem ?? "",
+    enviarEmail: alerta.enviarEmail ?? false
+  };
+}
+function validarForm(values) {
+  if (!values.titulo.trim()) return "Informe o titulo do alerta";
+  if (!values.dataReferencia) return "Informe a data do alerta";
+  if (new Date(values.dataReferencia) < /* @__PURE__ */ new Date()) {
+    return "Informe uma data e hora igual ou posterior ao momento atual";
+  }
+  if (values.diasAntes.trim() && values.diasAntes !== "0") {
+    const diasAntes = Number(values.diasAntes);
+    if (!Number.isInteger(diasAntes) || diasAntes < 0) {
+      return "Informe uma quantidade de dias maior ou igual a zero";
+    }
+  }
+  if (values.novoAlertaDiasAntes.trim()) {
+    const novoAlerta = Number(values.novoAlertaDiasAntes);
+    if (!Number.isInteger(novoAlerta) || novoAlerta <= 0) {
+      return "Informe uma quantidade de dias maior que zero";
+    }
+  }
+  return "";
+}
+function OpcaoAlerta({ checked, label, onChange }) {
+  return /* @__PURE__ */ jsxs34("label", { className: "alerta-opcao", children: [
+    /* @__PURE__ */ jsx43(
+      "input",
+      {
+        type: "checkbox",
+        checked,
+        onChange: (e) => onChange(e.target.checked),
+        className: "alerta-checkbox"
+      }
+    ),
+    label
+  ] });
+}
+function FormularioAlerta({
+  alertaEmEdicao,
+  isSaving = false,
+  onSalvar,
+  onCancelar
+}) {
+  const [values, setValues] = React30.useState(
+    () => alertaEmEdicao ? preencherFormDoAlerta(alertaEmEdicao) : FORM_VAZIO
+  );
+  const [erro, setErro] = React30.useState("");
+  const [hojeDataHoraIso, setHojeDataHoraIso] = React30.useState("");
+  React30.useEffect(() => {
+    setHojeDataHoraIso(obterHojeDataHoraIsoLocal());
+  }, []);
+  React30.useEffect(() => {
+    setValues(alertaEmEdicao ? preencherFormDoAlerta(alertaEmEdicao) : FORM_VAZIO);
+    setErro("");
+  }, [alertaEmEdicao]);
+  const setField = (campo, valor) => {
+    setErro("");
+    setValues((prev) => ({ ...prev, [campo]: valor }));
+  };
+  const toggleLembrarNoDia = (checked) => {
+    setErro("");
+    setValues((prev) => ({ ...prev, lembrarNoDia: checked }));
+  };
+  const toggleAlertaDiasAntes = (dias, checked) => {
+    setErro("");
+    setValues((prev) => {
+      const valor = String(dias);
+      const alertas = new Set(prev.alertasDiasAntes);
+      if (checked) alertas.add(valor);
+      else alertas.delete(valor);
+      const alertasDiasAntes = Array.from(alertas).sort(
+        (a, b) => Number(a) - Number(b)
+      );
+      return {
+        ...prev,
+        alertasDiasAntes,
+        diasAntes: alertasDiasAntes.length > 0 ? String(Math.max(...alertasDiasAntes.map(Number))) : ""
+      };
+    });
+  };
+  const adicionarAlertaDiasAntes = () => {
+    const valor = values.novoAlertaDiasAntes.trim();
+    const dias = Number(valor);
+    if (!Number.isInteger(dias) || dias <= 0) {
+      setErro("Informe uma quantidade de dias maior que zero");
+      return;
+    }
+    setErro("");
+    setValues((prev) => {
+      const alertas = new Set(prev.alertasDiasAntes);
+      alertas.add(String(dias));
+      const alertasDiasAntes = Array.from(alertas).sort(
+        (a, b) => Number(a) - Number(b)
+      );
+      return {
+        ...prev,
+        diasAntes: String(Math.max(...alertasDiasAntes.map(Number))),
+        novoAlertaDiasAntes: "",
+        alertasDiasAntes
+      };
+    });
+  };
+  const removerAlertaDiasAntes = (valor) => {
+    setValues((prev) => {
+      const alertasDiasAntes = prev.alertasDiasAntes.filter((item) => item !== valor);
+      return {
+        ...prev,
+        alertasDiasAntes,
+        diasAntes: alertasDiasAntes.length > 0 ? String(Math.max(...alertasDiasAntes.map(Number))) : ""
+      };
+    });
+  };
+  const handleSalvar = () => {
+    const mensagemErro = validarForm(values);
+    if (mensagemErro) {
+      setErro(mensagemErro);
+      return;
+    }
+    onSalvar(construirPayload(values));
+  };
+  const alertasPersonalizados = values.alertasDiasAntes.filter(
+    (d) => !["2", "7", "15", "30"].includes(d)
+  );
+  return /* @__PURE__ */ jsxs34("section", { className: "alerta-form-section", children: [
+    /* @__PURE__ */ jsx43("div", { className: "alerta-form-header", children: /* @__PURE__ */ jsx43("h2", { className: "alerta-form-titulo", children: alertaEmEdicao ? "Editar alerta" : "Novo alerta" }) }),
+    /* @__PURE__ */ jsxs34("div", { className: "alerta-form-grid", children: [
+      /* @__PURE__ */ jsxs34("div", { className: "alerta-campo", children: [
+        /* @__PURE__ */ jsxs34("label", { htmlFor: "alerta-titulo", className: "alerta-label", children: [
+          "Titulo ",
+          /* @__PURE__ */ jsx43("span", { className: "alerta-obrigatorio", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx43(
+          "input",
+          {
+            id: "alerta-titulo",
+            type: "text",
+            value: values.titulo,
+            onChange: (e) => setField("titulo", e.target.value),
+            placeholder: "Informe o titulo do alerta",
+            className: "alerta-input"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs34("div", { className: "alerta-campo alerta-campo--data", children: [
+        /* @__PURE__ */ jsxs34("label", { htmlFor: "alerta-data", className: "alerta-label", children: [
+          "Data e Hora ",
+          /* @__PURE__ */ jsx43("span", { className: "alerta-obrigatorio", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx43(
+          "input",
+          {
+            id: "alerta-data",
+            type: "datetime-local",
+            min: hojeDataHoraIso,
+            value: values.dataReferencia,
+            onChange: (e) => setField("dataReferencia", e.target.value),
+            className: "alerta-input alerta-input--sm"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs34("div", { className: "alerta-campo", children: [
+        /* @__PURE__ */ jsx43("span", { className: "alerta-label", children: "Notifica\xE7\xF5es" }),
+        /* @__PURE__ */ jsxs34("div", { className: "alerta-notif-container", children: [
+          /* @__PURE__ */ jsxs34("div", { className: "alerta-notif-col", children: [
+            /* @__PURE__ */ jsx43(
+              OpcaoAlerta,
+              {
+                checked: values.lembrarNoDia,
+                label: "Alertar no dia",
+                onChange: toggleLembrarNoDia
+              }
+            ),
+            /* @__PURE__ */ jsx43(
+              OpcaoAlerta,
+              {
+                checked: values.alertasDiasAntes.includes("2"),
+                label: "2 dias antes",
+                onChange: (c) => toggleAlertaDiasAntes(2, c)
               }
             ),
-            naoLidas > 0 && /* @__PURE__ */ jsx26(
-              "span",
+            /* @__PURE__ */ jsx43(
+              OpcaoAlerta,
               {
-                "aria-hidden": "true",
-                className: "cnc-absolute -cnc-right-0.5 -cnc-top-0.5 cnc-flex cnc-h-[18px] cnc-min-w-[18px] cnc-items-center cnc-justify-center cnc-rounded-full cnc-border-2 cnc-border-white cnc-bg-brand-red-500 cnc-px-1 cnc-text-[10px] cnc-font-bold cnc-leading-none cnc-text-white",
-                children: rotuloContagem
+                checked: values.alertasDiasAntes.includes("7"),
+                label: "1 semana antes",
+                onChange: (c) => toggleAlertaDiasAntes(7, c)
               }
             )
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxs20(
-        PopoverContent,
-        {
-          align,
-          sideOffset: 20,
-          "aria-label": title,
-          style: { width: "min(380px, calc(100vw - 2rem))", padding: 0 },
-          className: cn(
-            "cnc-overflow-hidden cnc-rounded-lg cnc-border cnc-border-brand-gray-50 cnc-bg-white cnc-shadow-custom",
-            contentClassName
-          ),
-          children: [
-            /* @__PURE__ */ jsxs20("div", { className: "cnc-flex cnc-items-center cnc-justify-between cnc-gap-2 cnc-border-b cnc-border-brand-gray-50 cnc-px-4 cnc-py-3", children: [
-              /* @__PURE__ */ jsx26("h2", { className: "cnc-m-0 cnc-text-base cnc-font-extrabold cnc-text-brand-blue-900", children: title }),
-              naoLidas > 0 && /* @__PURE__ */ jsx26("span", { className: "cnc-rounded-md cnc-bg-brand-blue-60 cnc-px-2 cnc-py-1 cnc-text-xs cnc-font-semibold cnc-text-brand-blue-400", children: naoLidas === 1 ? "1 nova" : `${naoLidas} novas` })
-            ] }),
-            /* @__PURE__ */ jsx26("div", { className: "cnc-max-h-[360px] cnc-overflow-y-auto", children: renderarConteudo() }),
-            footer ? /* @__PURE__ */ jsx26("div", { className: "cnc-border-t cnc-border-brand-gray-50 cnc-px-4 cnc-py-3", children: footer }) : temRodapePadrao && /* @__PURE__ */ jsx26("div", { className: "cnc-flex cnc-justify-end cnc-border-t cnc-border-brand-gray-50 cnc-px-4 cnc-py-3", children: /* @__PURE__ */ jsx26(
+          ] }),
+          /* @__PURE__ */ jsxs34("div", { className: "alerta-notif-col", children: [
+            /* @__PURE__ */ jsx43(
+              OpcaoAlerta,
+              {
+                checked: values.alertasDiasAntes.includes("15"),
+                label: "15 dias antes",
+                onChange: (c) => toggleAlertaDiasAntes(15, c)
+              }
+            ),
+            /* @__PURE__ */ jsx43(
+              OpcaoAlerta,
+              {
+                checked: values.alertasDiasAntes.includes("30"),
+                label: "1 m\xEAs antes",
+                onChange: (c) => toggleAlertaDiasAntes(30, c)
+              }
+            ),
+            /* @__PURE__ */ jsxs34("div", { className: "alerta-notif-personalizado", children: [
+              /* @__PURE__ */ jsx43(
+                "input",
+                {
+                  id: "alerta-dias",
+                  type: "number",
+                  min: 1,
+                  step: 1,
+                  value: values.novoAlertaDiasAntes,
+                  onChange: (e) => setField("novoAlertaDiasAntes", e.target.value),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                      e.preventDefault();
+                      adicionarAlertaDiasAntes();
+                    }
+                  },
+                  placeholder: "Dias",
+                  className: "alerta-input alerta-input--dias"
+                }
+              ),
+              /* @__PURE__ */ jsxs34(
+                "button",
+                {
+                  type: "button",
+                  onClick: adicionarAlertaDiasAntes,
+                  className: "alerta-btn alerta-btn--outline",
+                  children: [
+                    /* @__PURE__ */ jsx43(Plus, { size: 16 }),
+                    "Adicionar"
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          alertasPersonalizados.length > 0 && /* @__PURE__ */ jsx43("div", { className: "alerta-tags", children: alertasPersonalizados.map((dias) => /* @__PURE__ */ jsxs34("span", { className: "alerta-tag", children: [
+            dias,
+            " dia",
+            Number(dias) > 1 ? "s" : "",
+            " antes",
+            /* @__PURE__ */ jsx43(
               "button",
               {
                 type: "button",
-                onClick: marcarTodas,
-                className: cn(
-                  "cnc-cursor-pointer cnc-rounded cnc-bg-transparent cnc-p-0 cnc-text-xs cnc-font-semibold cnc-text-brand-blue-100 cnc-outline-none hover:cnc-underline",
-                  anelDeFoco
-                ),
-                children: "Marcar todas como lidas"
+                onClick: () => removerAlertaDiasAntes(dias),
+                "aria-label": `Remover alerta de ${dias} dias antes`,
+                className: "alerta-tag-remover",
+                children: /* @__PURE__ */ jsx43(X, { size: 14 })
               }
-            ) })
-          ]
+            )
+          ] }, dias)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs34("div", { className: "alerta-campo", children: [
+        /* @__PURE__ */ jsx43("label", { htmlFor: "alerta-mensagem", className: "alerta-label", children: "Mensagem" }),
+        /* @__PURE__ */ jsx43(
+          "textarea",
+          {
+            id: "alerta-mensagem",
+            value: values.mensagem,
+            onChange: (e) => setField("mensagem", e.target.value),
+            placeholder: "Informe a mensagem do alerta",
+            rows: 3,
+            className: "alerta-textarea"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx43("div", { className: "alerta-campo", children: /* @__PURE__ */ jsx43(
+        OpcaoAlerta,
+        {
+          checked: values.enviarEmail,
+          label: "Enviar tamb\xE9m por e-mail",
+          onChange: (checked) => setField("enviarEmail", checked)
         }
-      )
+      ) }),
+      erro && /* @__PURE__ */ jsx43("div", { className: "alerta-erro", children: erro }),
+      /* @__PURE__ */ jsxs34("div", { className: "alerta-form-acoes", children: [
+        /* @__PURE__ */ jsx43(
+          "button",
+          {
+            type: "button",
+            onClick: onCancelar,
+            className: "alerta-btn alerta-btn--secundario",
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsxs34(
+          "button",
+          {
+            type: "button",
+            onClick: handleSalvar,
+            disabled: isSaving,
+            className: "alerta-btn alerta-btn--primario",
+            children: [
+              /* @__PURE__ */ jsx43(Plus, { size: 16 }),
+              isSaving ? "Salvando..." : alertaEmEdicao ? "Atualizar alerta" : "Adicionar alerta"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/alertas/alerta-item.tsx
+import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+function AlertaItem({
+  alerta,
+  disabled = false,
+  selecionado = false,
+  onEditar,
+  onConcluir,
+  onExcluir
+}) {
+  const concluido = alerta.status === "CONCLUIDO";
+  const cancelado = alerta.status === "CANCELADO";
+  const podeAlterar = !concluido && !cancelado;
+  const statusLabel = concluido ? "Concluido" : cancelado ? "Cancelado" : "Pendente";
+  const descricaoAlertas = [
+    alerta.lembrarNoDia ?? alerta.diasAntes === 0 ? "no dia" : null,
+    ...alerta.alertasDiasAntes && alerta.alertasDiasAntes.length > 0 ? alerta.alertasDiasAntes.map(
+      (dias) => `${dias} dia${dias > 1 ? "s" : ""} antes`
+    ) : alerta.diasAntes > 0 ? [`${alerta.diasAntes} dia${alerta.diasAntes > 1 ? "s" : ""} antes`] : []
+  ].filter(Boolean).join(", ");
+  return /* @__PURE__ */ jsx44(
+    "article",
+    {
+      className: [
+        "alerta-item",
+        selecionado ? "alerta-item--selecionado" : "",
+        concluido ? "alerta-item--concluido" : "",
+        cancelado ? "alerta-item--cancelado" : ""
+      ].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsxs35("div", { className: "alerta-item-corpo", children: [
+        /* @__PURE__ */ jsxs35("div", { className: "alerta-item-info", children: [
+          /* @__PURE__ */ jsxs35("div", { className: "alerta-item-topo", children: [
+            /* @__PURE__ */ jsx44("h3", { className: "alerta-item-titulo", children: alerta.titulo }),
+            /* @__PURE__ */ jsx44("span", { className: `alerta-status alerta-status--${statusLabel.toLowerCase()}`, children: statusLabel })
+          ] }),
+          alerta.mensagem && /* @__PURE__ */ jsx44("p", { className: "alerta-item-mensagem", children: alerta.mensagem }),
+          /* @__PURE__ */ jsxs35("div", { className: "alerta-item-meta", children: [
+            /* @__PURE__ */ jsxs35("span", { className: "alerta-item-meta-linha", children: [
+              /* @__PURE__ */ jsx44(CalendarDays, { size: 14 }),
+              "Data ",
+              formatarDataParaExibicao(alerta.dataReferencia)
+            ] }),
+            /* @__PURE__ */ jsxs35("span", { className: "alerta-item-meta-linha", children: [
+              /* @__PURE__ */ jsx44(Bell, { size: 14 }),
+              "Notifica\xE7\xF5es: ",
+              descricaoAlertas || "\u2014"
+            ] }),
+            alerta.enviarEmail && /* @__PURE__ */ jsxs35("span", { className: "alerta-item-meta-linha alerta-item-email-ativo", children: [
+              /* @__PURE__ */ jsx44("span", { className: "alerta-dot" }),
+              "Notifica\xE7\xE3o por e-mail ativa"
+            ] }),
+            cancelado && alerta.motivoCancelamento && /* @__PURE__ */ jsxs35("span", { className: "alerta-item-meta-linha", children: [
+              /* @__PURE__ */ jsx44(X, { size: 14 }),
+              "Cancelado automaticamente: ",
+              alerta.motivoCancelamento
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs35("div", { className: "alerta-item-acoes", children: [
+          /* @__PURE__ */ jsx44(
+            "button",
+            {
+              type: "button",
+              onClick: onEditar,
+              disabled: disabled || !podeAlterar,
+              title: "Editar alerta",
+              className: "alerta-btn-icone",
+              children: /* @__PURE__ */ jsx44(Pencil, { size: 16 })
+            }
+          ),
+          podeAlterar && /* @__PURE__ */ jsx44(
+            "button",
+            {
+              type: "button",
+              onClick: onConcluir,
+              disabled,
+              title: "Concluir alerta",
+              className: "alerta-btn-icone alerta-btn-icone--sucesso",
+              children: /* @__PURE__ */ jsx44(Check, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx44(
+            "button",
+            {
+              type: "button",
+              onClick: onExcluir,
+              disabled,
+              title: "Excluir alerta",
+              className: "alerta-btn-icone alerta-btn-icone--perigo",
+              children: /* @__PURE__ */ jsx44(Trash2, { size: 16 })
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/alertas/usar-alertas.ts
+import * as React31 from "react";
+
+// src/alertas/cliente.ts
+var ErroAlertas = class _ErroAlertas extends Error {
+  status;
+  constructor(mensagem, status) {
+    super(mensagem);
+    this.name = "ErroAlertas";
+    this.status = status;
+    Object.setPrototypeOf(this, _ErroAlertas.prototype);
+  }
+};
+async function buscarAlertas({
+  baseUrl,
+  sistema,
+  email,
+  fetchFn = fetch,
+  signal,
+  eventoId
+}) {
+  const params = new URLSearchParams({ sistema, email });
+  if (eventoId !== void 0) params.set("eventoId", String(eventoId));
+  const url = `${normalizarBaseUrl(baseUrl)}/notificacoes?${params.toString()}`;
+  const resposta = await fetchFn(url, {
+    method: "GET",
+    headers: { Accept: "application/json" },
+    signal
+  });
+  if (!resposta.ok) {
+    throw new ErroAlertas(`Falha ao buscar alertas`, resposta.status);
+  }
+  return await resposta.json();
+}
+
+// src/alertas/usar-alertas.ts
+function foiAbortado2(erro) {
+  return erro?.name === "AbortError";
+}
+function usarAlertas({
+  baseUrl,
+  sistema,
+  email,
+  fetchFn,
+  eventoId,
+  habilitado = true,
+  onErro
+}) {
+  const [alertas, setAlertas] = React31.useState([]);
+  const [carregando, setCarregando] = React31.useState(habilitado);
+  const controladorRef = React31.useRef(null);
+  const jaCarregouRef = React31.useRef(false);
+  const onErroRef = React31.useRef(onErro);
+  const fetchFnRef = React31.useRef(fetchFn);
+  React31.useEffect(() => {
+    onErroRef.current = onErro;
+  }, [onErro]);
+  React31.useEffect(() => {
+    fetchFnRef.current = fetchFn;
+  }, [fetchFn]);
+  const pronto = baseUrl !== void 0 && sistema !== void 0 && email !== void 0;
+  const atualizar = React31.useCallback(() => {
+    if (!habilitado || !pronto) return;
+    controladorRef.current?.abort();
+    const controlador = new AbortController();
+    controladorRef.current = controlador;
+    void (async () => {
+      try {
+        const lista = await buscarAlertas({
+          baseUrl,
+          sistema,
+          email,
+          fetchFn: fetchFnRef.current,
+          eventoId,
+          signal: controlador.signal
+        });
+        if (controlador.signal.aborted) return;
+        setAlertas(lista);
+      } catch (erro) {
+        if (controlador.signal.aborted || foiAbortado2(erro)) return;
+        onErroRef.current?.(erro);
+      } finally {
+        if (!controlador.signal.aborted) {
+          jaCarregouRef.current = true;
+          setCarregando(false);
+        }
+      }
+    })();
+  }, [baseUrl, sistema, email, eventoId, habilitado, pronto]);
+  React31.useEffect(() => {
+    if (!habilitado || !pronto) {
+      setCarregando(false);
+      return;
+    }
+    if (!jaCarregouRef.current) setCarregando(true);
+    atualizar();
+    return () => controladorRef.current?.abort();
+  }, [atualizar, habilitado, pronto]);
+  return {
+    alertas,
+    carregando,
+    atualizar
+  };
+}
+
+// src/alertas/alertas.tsx
+import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+function Alertas({
+  alertas: alertasProps = [],
+  isLoading = false,
+  isSaving = false,
+  isRemovendo = false,
+  podeCriar = true,
+  onCriar,
+  onAtualizar,
+  onConcluir,
+  onExcluir,
+  baseUrl = URL_PADRAO_NOTIFICACOES,
+  sistema,
+  email,
+  fetchFn,
+  eventoId,
+  onErro
+}) {
+  const [formAberto, setFormAberto] = React32.useState(false);
+  const [alertaEmEdicao, setAlertaEmEdicao] = React32.useState(null);
+  const [salvandoLocal, setSalvandoLocal] = React32.useState(false);
+  const [removendoLocal, setRemovendoLocal] = React32.useState(false);
+  const conectado = Boolean(sistema && email);
+  const remoto = usarAlertas({
+    baseUrl,
+    sistema,
+    email,
+    fetchFn,
+    eventoId,
+    habilitado: conectado,
+    onErro
+  });
+  const alertas = conectado ? remoto.alertas : alertasProps;
+  const carregando = conectado ? remoto.carregando : isLoading;
+  const salvando = salvandoLocal || isSaving;
+  const removendo = removendoLocal || isRemovendo;
+  const resetForm = () => {
+    setFormAberto(false);
+    setAlertaEmEdicao(null);
+  };
+  const abrirNovoAlerta = () => {
+    setAlertaEmEdicao(null);
+    setFormAberto(true);
+  };
+  const abrirEdicao = (alerta) => {
+    setAlertaEmEdicao(alerta);
+    setFormAberto(true);
+  };
+  const handleSalvar = async (payload) => {
+    setSalvandoLocal(true);
+    try {
+      if (alertaEmEdicao) {
+        await onAtualizar?.(alertaEmEdicao.id, payload);
+      } else {
+        await onCriar?.(payload);
+      }
+      if (conectado) remoto.atualizar();
+      resetForm();
+    } catch (err) {
+      console.error("Erro ao salvar alerta:", err);
+      onErro?.(err);
+    } finally {
+      setSalvandoLocal(false);
+    }
+  };
+  const handleConcluir = async (alertaId) => {
+    setRemovendoLocal(true);
+    try {
+      await onConcluir?.(alertaId);
+      if (conectado) remoto.atualizar();
+    } catch (err) {
+      console.error("Erro ao concluir alerta:", err);
+      onErro?.(err);
+    } finally {
+      setRemovendoLocal(false);
+    }
+  };
+  const handleExcluir = (alerta) => {
+    if (!window.confirm(`Tem certeza que deseja excluir o alerta "${alerta.titulo}"?`)) return;
+    void (async () => {
+      setRemovendoLocal(true);
+      try {
+        await onExcluir?.(alerta);
+        if (conectado) remoto.atualizar();
+      } catch (err) {
+        console.error("Erro ao excluir alerta:", err);
+        onErro?.(err);
+      } finally {
+        setRemovendoLocal(false);
+      }
+    })();
+  };
+  return /* @__PURE__ */ jsxs36("div", { className: "alertas-container", children: [
+    !formAberto && podeCriar && /* @__PURE__ */ jsx45("div", { className: "alertas-nova-acao", children: /* @__PURE__ */ jsxs36(
+      "button",
+      {
+        type: "button",
+        onClick: abrirNovoAlerta,
+        className: "alerta-btn alerta-btn--primario",
+        children: [
+          /* @__PURE__ */ jsx45(Plus, { size: 16 }),
+          "Novo alerta"
+        ]
+      }
+    ) }),
+    formAberto && /* @__PURE__ */ jsx45(
+      FormularioAlerta,
+      {
+        alertaEmEdicao,
+        isSaving: salvando,
+        onSalvar: handleSalvar,
+        onCancelar: resetForm
+      }
+    ),
+    /* @__PURE__ */ jsxs36("section", { className: "alertas-lista-section", children: [
+      /* @__PURE__ */ jsx45("div", { className: "alertas-lista-header", children: /* @__PURE__ */ jsxs36("h2", { className: "alertas-lista-titulo", children: [
+        "Alertas cadastrados (",
+        alertas.length,
+        ")"
+      ] }) }),
+      carregando ? /* @__PURE__ */ jsx45("div", { className: "alertas-estado", children: "Carregando alertas..." }) : alertas.length === 0 ? /* @__PURE__ */ jsxs36("div", { className: "alertas-vazio", children: [
+        /* @__PURE__ */ jsx45(Bell, { size: 32, className: "alertas-vazio-icone" }),
+        /* @__PURE__ */ jsx45("p", { className: "alertas-vazio-texto", children: "Nenhum alerta cadastrado." })
+      ] }) : /* @__PURE__ */ jsx45("div", { className: "alertas-lista", children: alertas.map((alerta) => /* @__PURE__ */ jsx45(
+        AlertaItem,
+        {
+          alerta,
+          disabled: removendo,
+          selecionado: alertaEmEdicao?.id === alerta.id,
+          onEditar: () => abrirEdicao(alerta),
+          onConcluir: () => handleConcluir(alerta.id),
+          onExcluir: () => handleExcluir(alerta)
+        },
+        alerta.id
+      )) })
     ] })
   ] });
 }
 export {
+  AlertaItem,
+  Alertas,
   AplicationsHeader,
   AppsMenu,
+  Avatar,
   Badge,
   Button,
   Card,
@@ -5418,6 +7581,9 @@ export {
   CommandList,
   CommandSeparator,
   CommandShortcut,
+  ConfirmDialog,
+  DIAS_SEMANA_PT_BR,
+  DateTimeRangeList,
   Dialog,
   DialogClose,
   DialogContent,
@@ -5428,6 +7594,19 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  Drawer,
+  DrawerBody,
+  DrawerClose,
+  DrawerContent,
+  DrawerContext,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerProvider,
+  DrawerTitle,
+  DrawerTrigger,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -5443,24 +7622,37 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EmptyState,
+  ErroAlertas,
   ErroNotificacoes,
+  FileList,
+  FileUpload,
   Filter,
+  FormularioAlerta,
   Header,
   HeaderContainer,
   HeaderNotifications,
   HeaderProfileHeader,
   HeaderProfileItem,
   Input,
+  LabelValue,
+  MESES_PT_BR,
+  MESES_PT_BR_ABREV,
+  MiniMonthCalendar,
   Modal,
   ModalEntidade,
   ModalMudancaEntidade,
+  MonthYearPicker,
+  MultiSelect,
   PageHeader,
   PageHeaderActionsContainer,
   PageHeaderTitle,
   PageHeaderTitleContent,
+  PeriodRangeList,
   Popover,
   PopoverContent,
   PopoverTrigger,
+  ResultMetadata,
   Select,
   SelectContent,
   SelectGroup,
@@ -5483,10 +7675,25 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  Textarea,
   Title2 as Title,
+  Tooltip,
   URL_PADRAO_NOTIFICACOES,
   availableApps,
-  buttonVariants
+  buildMonthDays,
+  buscarAlertas,
+  buttonVariants,
+  formatDayAriaLabel,
+  formatFileSize,
+  formatMonthYear,
+  isSameDay,
+  isToday,
+  normalizarBaseUrl,
+  toDateKey,
+  toLocalNoon,
+  usarAlertas,
+  useDrawer,
+  validateFiles
 };
 /*! Bundled license information:
 
@@ -5546,6 +7753,14 @@ lucide-react/dist/esm/icons/bell.js:
    * See the LICENSE file in the root directory of this source tree.
    *)
 
+lucide-react/dist/esm/icons/calendar-days.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
 lucide-react/dist/esm/icons/check.js:
   (**
    * @license lucide-react v0.453.0 - ISC
@@ -5562,6 +7777,14 @@ lucide-react/dist/esm/icons/chevron-down.js:
    * See the LICENSE file in the root directory of this source tree.
    *)
 
+lucide-react/dist/esm/icons/chevron-left.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
 lucide-react/dist/esm/icons/chevron-right.js:
   (**
    * @license lucide-react v0.453.0 - ISC
@@ -5594,6 +7817,30 @@ lucide-react/dist/esm/icons/circle.js:
    * See the LICENSE file in the root directory of this source tree.
    *)
 
+lucide-react/dist/esm/icons/download.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/external-link.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/file-text.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
 lucide-react/dist/esm/icons/filter-x.js:
   (**
    * @license lucide-react v0.453.0 - ISC
@@ -5642,6 +7889,30 @@ lucide-react/dist/esm/icons/mail.js:
    * See the LICENSE file in the root directory of this source tree.
    *)
 
+lucide-react/dist/esm/icons/paperclip.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/pencil.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/plus.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
 lucide-react/dist/esm/icons/search.js:
   (**
    * @license lucide-react v0.453.0 - ISC
@@ -5658,6 +7929,14 @@ lucide-react/dist/esm/icons/trash-2.js:
    * See the LICENSE file in the root directory of this source tree.
    *)
 
+lucide-react/dist/esm/icons/user.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
 lucide-react/dist/esm/icons/x.js:
   (**
    * @license lucide-react v0.453.0 - ISC