@mlw-packages/react-components 1.7.9 → 1.7.11

package/dist/index.mjs

@@ -495,7 +495,7 @@ function cn(...inputs) {
 import { CircleNotchIcon } from "@phosphor-icons/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var buttonVariantsBase = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive active:scale-95",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&:not(.no-active-animation)]:active:scale-95",
   {
     variants: {
       variant: {
@@ -730,7 +730,7 @@ var LabelBase_default = LabelBase;
 import { jsx as jsx4 } from "react/jsx-runtime";
 var ErrorMessage = ({ error }) => {
   if (!error) return null;
-  return /* @__PURE__ */ jsx4("p", { className: "text-sm text-destructive mt-1", children: error });
+  return /* @__PURE__ */ jsx4("p", { className: "text-sm text-destructive", children: error });
 };
 var ErrorMessage_default = ErrorMessage;
 
@@ -1114,7 +1114,7 @@ function Combobox({
     },
     [selected, onChange]
   );
-  return /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col gap-1 w-full min-w-[150px]", className), children: [
+  return /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col w-full min-w-[150px]", className), children: [
     label && /* @__PURE__ */ jsx9(LabelBase_default, { className: labelClassname, children: label }),
     /* @__PURE__ */ jsx9(
       ComboboxBase,
@@ -1796,7 +1796,7 @@ function Select({
   className
 }) {
   return /* @__PURE__ */ jsxs13("div", { "data-testid": testIds.root ?? "select-root", children: [
-    label ? /* @__PURE__ */ jsx18("label", { className: cn("mb-1 block text-sm font-medium", labelClassname), children: label }) : null,
+    label ? /* @__PURE__ */ jsx18("label", { className: cn("block text-sm font-medium", labelClassname), children: label }) : null,
     /* @__PURE__ */ jsxs13(
       SelectBase,
       {
@@ -1864,8 +1864,22 @@ function Select({
 }
 
 // src/components/selects/AvatarSelect.tsx
-import { useId } from "react";
+import { useId, useState as useState4 } from "react";
+import { CaretDownIcon as CaretDownIcon3, CheckIcon as CheckIcon5 } from "@phosphor-icons/react";
 import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+var DEFAULT_COLORS = [
+  "bg-purple-100 text-purple-700",
+  "bg-green-100 text-green-700",
+  "bg-blue-100 text-blue-700"
+];
+var getColor = (value, colors2 = DEFAULT_COLORS) => {
+  let hash = 0;
+  for (let i = 0; i < value.length; i++) {
+    hash = value.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  const index = Math.abs(hash) % colors2.length;
+  return colors2[index];
+};
 var Square = ({
   className,
   children
@@ -1892,13 +1906,18 @@ function AvatarSelect({
   selected,
   label,
   labelClassname,
-  className
+  className,
+  colors: colors2
 }) {
+  const [open, setOpen] = useState4(false);
   const id = useId();
+  const allItems = items || (groupItems ? Object.values(groupItems).flat() : []);
+  const selectedItem = allItems.find((item) => item.value === selected);
   const renderItem = (item) => {
     const avatarContent = item.avatar ?? item.label.charAt(0).toUpperCase();
+    const colorClass = item.avatarClassName ?? getColor(item.value, colors2);
     return /* @__PURE__ */ jsxs14(Fragment4, { children: [
-      /* @__PURE__ */ jsx19(Square, { className: item.avatarClassName, children: avatarContent }),
+      /* @__PURE__ */ jsx19(Square, { className: colorClass, children: avatarContent }),
       /* @__PURE__ */ jsx19("span", { className: "truncate", children: item.label })
     ] });
   };
@@ -1911,96 +1930,96 @@ function AvatarSelect({
         children: label
       }
     ) : null,
-    /* @__PURE__ */ jsxs14(
-      SelectBase,
-      {
-        value: selected ?? void 0,
-        onValueChange: (v) => onChange(v),
-        "data-testid": testIds.base ?? "avatar-select-base",
-        children: [
-          /* @__PURE__ */ jsx19(
-            SelectTriggerBase,
-            {
-              id,
-              className: cn(
-                " [&>span]:flex [&>span]:items-center [&>span]:gap-2 [&>span_[data-square]]:shrink-0",
-                error && "border-red-500",
-                className
-              ),
-              "data-testid": testIds.trigger ?? "avatar-select-trigger",
-              disabled,
-              children: /* @__PURE__ */ jsx19(
-                SelectValueBase,
-                {
-                  placeholder,
-                  "data-testid": testIds.value ?? "avatar-select-value"
-                }
-              )
-            }
+    /* @__PURE__ */ jsxs14(PopoverBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx19(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs14(
+        ButtonBase,
+        {
+          id,
+          variant: "select",
+          role: "combobox",
+          "aria-expanded": open,
+          className: cn(
+            "w-full justify-between px-3 font-normal",
+            error && "border-red-500",
+            className
           ),
-          /* @__PURE__ */ jsx19(
-            ScrollAreaBase,
-            {
-              "data-testid": testIds.scrollarea ?? "avatar-select-scrollarea",
-              children: /* @__PURE__ */ jsx19(
-                SelectContentBase,
+          disabled,
+          "data-testid": testIds.trigger ?? "avatar-select-trigger",
+          children: [
+            selectedItem ? /* @__PURE__ */ jsx19("span", { className: "flex items-center gap-2 truncate", children: renderItem(selectedItem) }) : /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: placeholder }),
+            /* @__PURE__ */ jsx19(CaretDownIcon3, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx19(
+        PopoverContentBase,
+        {
+          className: "w-[--radix-popover-trigger-width] p-0",
+          align: "start",
+          "data-testid": testIds.content ?? "avatar-select-content",
+          children: /* @__PURE__ */ jsxs14(CommandBase, { children: [
+            /* @__PURE__ */ jsx19(CommandInputBase, { placeholder: "Search..." }),
+            /* @__PURE__ */ jsxs14(CommandListBase, { children: [
+              /* @__PURE__ */ jsx19(CommandEmptyBase, { children: "No results found." }),
+              groupItems ? Object.keys(groupItems).map((key) => /* @__PURE__ */ jsx19(CommandGroupBase, { heading: key, children: groupItems[key].map((item) => /* @__PURE__ */ jsxs14(
+                CommandItemBase,
                 {
-                  className: "[&_*[role=option]>span]:start-auto [&_*[role=option]>span]:end-2 [&_*[role=option]>span]:flex [&_*[role=option]>span]:items-center [&_*[role=option]>span]:gap-2 [&_*[role=option]]:ps-2 [&_*[role=option]]:pe-8",
-                  "data-testid": testIds.content ?? "avatar-select-content",
-                  children: groupItems ? /* @__PURE__ */ jsx19(Fragment4, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs14(
-                    SelectGroupBase,
-                    {
-                      "data-testid": testIds.group ?? "avatar-select-group",
-                      children: [
-                        /* @__PURE__ */ jsx19(
-                          SelectLabelBase,
-                          {
-                            className: "ps-2",
-                            "data-testid": testIds.label ?? "avatar-select-label",
-                            children: key
-                          }
-                        ),
-                        groupItems[key].map((item) => /* @__PURE__ */ jsx19(
-                          SelectItemBase,
-                          {
-                            value: item.value,
-                            "data-testid": testIds.item?.(String(item.value)) ?? `avatar-select-item-${item.value}`,
-                            children: renderItem(item)
-                          },
-                          item.value
-                        ))
-                      ]
-                    },
-                    key
-                  )) }) : /* @__PURE__ */ jsx19(
-                    SelectGroupBase,
-                    {
-                      "data-testid": testIds.group ?? "avatar-select-group",
-                      children: items.map((item) => /* @__PURE__ */ jsx19(
-                        SelectItemBase,
-                        {
-                          value: item.value,
-                          "data-testid": testIds.item?.(String(item.value)) ?? `avatar-select-item-${item.value}`,
-                          children: renderItem(item)
-                        },
-                        item.value
-                      ))
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
+                  value: item.label,
+                  onSelect: () => {
+                    onChange(item.value);
+                    setOpen(false);
+                  },
+                  "data-testid": testIds.item?.(String(item.value)) ?? `avatar-select-item-${item.value}`,
+                  children: [
+                    renderItem(item),
+                    /* @__PURE__ */ jsx19(
+                      CheckIcon5,
+                      {
+                        className: cn(
+                          "ml-auto h-4 w-4",
+                          selected === item.value ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    )
+                  ]
+                },
+                item.value
+              )) }, key)) : /* @__PURE__ */ jsx19(CommandGroupBase, { children: items.map((item) => /* @__PURE__ */ jsxs14(
+                CommandItemBase,
+                {
+                  value: item.label,
+                  onSelect: () => {
+                    onChange(item.value);
+                    setOpen(false);
+                  },
+                  "data-testid": testIds.item?.(String(item.value)) ?? `avatar-select-item-${item.value}`,
+                  children: [
+                    renderItem(item),
+                    /* @__PURE__ */ jsx19(
+                      CheckIcon5,
+                      {
+                        className: cn(
+                          "ml-auto h-4 w-4",
+                          selected === item.value ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    )
+                  ]
+                },
+                item.value
+              )) })
+            ] })
+          ] })
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx19(ErrorMessage_default, { error })
   ] });
 }
 
 // src/components/charts/Chart.tsx
 import {
-  useState as useState6,
+  useState as useState7,
   useEffect as useEffect5,
   useCallback as useCallback5,
   useMemo as useMemo5,
@@ -2167,7 +2186,7 @@ var resolveChartMargins = (margins, chartMargins, showLabels) => {
 import { toast } from "sonner";
 
 // src/components/charts/components/controls/PeriodsDropdown.tsx
-import { useState as useState4, useRef, useEffect as useEffect3 } from "react";
+import { useState as useState5, useRef, useEffect as useEffect3 } from "react";
 import { motion as motion6, AnimatePresence as AnimatePresence5 } from "framer-motion";
 import { DotsThreeIcon } from "@phosphor-icons/react/dist/ssr";
 import { Check } from "@phosphor-icons/react/dist/ssr";
@@ -2190,7 +2209,7 @@ function PeriodsDropdown({
   activePeriods
 }) {
   const periods = processedData.map((d) => String(d.name));
-  const [open, setOpen] = useState4(false);
+  const [open, setOpen] = useState5(false);
   const wrapperRef = useRef(null);
   const firstItemRef = useRef(null);
   const listRef = useRef(null);
@@ -2346,7 +2365,7 @@ var ShowOnly_default = ShowOnly;
 
 // src/components/charts/components/controls/Highlights.tsx
 import { motion as motion8, AnimatePresence as AnimatePresence6 } from "framer-motion";
-import { CheckIcon as CheckIcon5 } from "@phosphor-icons/react/dist/ssr";
+import { CheckIcon as CheckIcon6 } from "@phosphor-icons/react/dist/ssr";
 import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 var Highlights = ({
   allKeys,
@@ -2455,7 +2474,7 @@ var Highlights = ({
                           isHighlighted ? "" : "opacity-0 pointer-events-none"
                         ),
                         style: { width: 18, height: 18 },
-                        children: /* @__PURE__ */ jsx22(CheckIcon5, {})
+                        children: /* @__PURE__ */ jsx22(CheckIcon6, {})
                       }
                     )
                   ]
@@ -2555,7 +2574,7 @@ var CloseAllButton_default = CloseAllButton;
 import React12, {
   useEffect as useEffect4,
   useRef as useRef2,
-  useState as useState5,
+  useState as useState6,
   useCallback as useCallback4,
   useMemo as useMemo4
 } from "react";
@@ -2666,12 +2685,12 @@ var DraggableTooltipComponent = ({
       )
     ] });
   });
-  const [localPos, setLocalPos] = useState5(position);
-  const [dragging, setDragging] = useState5(false);
+  const [localPos, setLocalPos] = useState6(position);
+  const [dragging, setDragging] = useState6(false);
   const offsetRef = useRef2({ x: 0, y: 0 });
   const lastMouse = useRef2({ x: 0, y: 0 });
-  const [alignmentGuides, setAlignmentGuides] = useState5([]);
-  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = useState5(0);
+  const [alignmentGuides, setAlignmentGuides] = useState6([]);
+  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = useState6(0);
   useEffect4(() => setLocalPos(position), [position]);
   const getAllTooltips = useCallback4(() => {
     const response = [];
@@ -3520,14 +3539,14 @@ var pillLabelRenderer_default = renderPillLabel;
 
 // src/components/charts/Chart.tsx
 import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
-var DEFAULT_COLORS = ["#55af7d", "#8e68ff", "#2273e1"];
+var DEFAULT_COLORS2 = ["#55af7d", "#8e68ff", "#2273e1"];
 var Chart = ({
   data,
   series,
   className,
   height = 350,
   width = "100%",
-  colors: colors2 = DEFAULT_COLORS,
+  colors: colors2 = DEFAULT_COLORS2,
   gridColor,
   showGrid = true,
   showTooltip = true,
@@ -3574,11 +3593,11 @@ var Chart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = useState6([]);
-  const [highlightedSeries, setHighlightedSeries] = useState6(
+  const [activeTooltips, setActiveTooltips] = useState7([]);
+  const [highlightedSeries, setHighlightedSeries] = useState7(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState6(false);
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState7(false);
   useEffect5(() => {
     if (highlightedSeries.size === 0 && showOnlyHighlighted) {
       setShowOnlyHighlighted(false);
@@ -3589,7 +3608,7 @@ var Chart = ({
     name: String(item[xAxisConfig.dataKey] || "N/A")
   }));
   const wrapperRef = useRef3(null);
-  const [measuredWidth, setMeasuredWidth] = useState6(null);
+  const [measuredWidth, setMeasuredWidth] = useState7(null);
   useLayoutEffect(() => {
     const el = wrapperRef.current;
     if (!el) return;
@@ -4317,7 +4336,7 @@ var Chart = ({
 var Chart_default = Chart;
 
 // src/components/charts/BarChart.tsx
-import { useState as useState7, useEffect as useEffect6, useCallback as useCallback6, useMemo as useMemo6 } from "react";
+import { useState as useState8, useEffect as useEffect6, useCallback as useCallback6, useMemo as useMemo6 } from "react";
 import {
   BarChart as RechartsBarChart,
   Bar as Bar2,
@@ -4330,13 +4349,13 @@ import {
   LabelList as LabelList2
 } from "recharts";
 import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
-var DEFAULT_COLORS2 = ["#55af7d", "#8e68ff", "#2273e1"];
+var DEFAULT_COLORS3 = ["#55af7d", "#8e68ff", "#2273e1"];
 var BarChart = ({
   data,
   className,
   height = 350,
   width = 900,
-  colors: colors2 = DEFAULT_COLORS2,
+  colors: colors2 = DEFAULT_COLORS3,
   gridColor,
   showGrid = true,
   showTooltip = true,
@@ -4409,14 +4428,14 @@ var BarChart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, mapper, yAxis, autoDetect, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = useState7([]);
-  const [isDragging, setIsDragging] = useState7(null);
-  const [dragOffset, setDragOffset] = useState7({
+  const [activeTooltips, setActiveTooltips] = useState8([]);
+  const [isDragging, setIsDragging] = useState8(null);
+  const [dragOffset, setDragOffset] = useState8({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = useState7(0);
-  const [alignmentGuides, setAlignmentGuides] = useState7([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = useState8(0);
+  const [alignmentGuides, setAlignmentGuides] = useState8([]);
   const processedData = data.map((item) => ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
@@ -4992,7 +5011,7 @@ var BarChart = ({
 var BarChart_default = BarChart;
 
 // src/components/charts/LineChart.tsx
-import { useState as useState8, useEffect as useEffect7, useCallback as useCallback7, useMemo as useMemo7 } from "react";
+import { useState as useState9, useEffect as useEffect7, useCallback as useCallback7, useMemo as useMemo7 } from "react";
 import {
   LineChart as RechartsLineChart,
   Line as Line2,
@@ -5009,13 +5028,13 @@ var defaultData = [
   { name: "B", value: 200 },
   { name: "C", value: 150 }
 ];
-var DEFAULT_COLORS3 = ["#55af7d", "#8e68ff", "#2273e1"];
+var DEFAULT_COLORS4 = ["#55af7d", "#8e68ff", "#2273e1"];
 var CustomLineChart = ({
   data = defaultData,
   className,
   height = 300,
   width = "100%",
-  colors: colors2 = DEFAULT_COLORS3,
+  colors: colors2 = DEFAULT_COLORS4,
   gridColor,
   showGrid = true,
   showTooltip = true,
@@ -5035,14 +5054,14 @@ var CustomLineChart = ({
     containerPaddingLeft,
     16
   );
-  const [activeTooltips, setActiveTooltips] = useState8([]);
-  const [isDragging, setIsDragging] = useState8(null);
-  const [dragOffset, setDragOffset] = useState8({
+  const [activeTooltips, setActiveTooltips] = useState9([]);
+  const [isDragging, setIsDragging] = useState9(null);
+  const [dragOffset, setDragOffset] = useState9({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = useState8(0);
-  const [alignmentGuides, setAlignmentGuides] = useState8([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = useState9(0);
+  const [alignmentGuides, setAlignmentGuides] = useState9([]);
   const generateColors = (dataKeys2) => {
     const colorMap = {};
     const allColors = generateAdditionalColors(colors2, dataKeys2.length);
@@ -5588,7 +5607,7 @@ var defaultData2 = [
   { name: "Suporte", value: 1e3 },
   { name: "Outros", value: 800 }
 ];
-var DEFAULT_COLORS4 = [
+var DEFAULT_COLORS5 = [
   "#55af7d",
   // verde do projeto
   "#8e68ff",
@@ -5646,7 +5665,7 @@ var CustomPieChart = ({
   centerX = "50%",
   centerY = "50%"
 }) => {
-  const finalColors = colors2 || DEFAULT_COLORS4;
+  const finalColors = colors2 || DEFAULT_COLORS5;
   return /* @__PURE__ */ jsx31("div", { className: cn("w-full rounded-lg bg-card p-4", className), children: /* @__PURE__ */ jsx31(ResponsiveContainer2, { width, height, children: /* @__PURE__ */ jsxs26(RechartsPieChart, { children: [
     /* @__PURE__ */ jsx31(
       Pie,
@@ -5686,12 +5705,12 @@ var CustomPieChart = ({
 var PieChart_default = CustomPieChart;
 
 // src/components/charts/hooks/useChartHighlights.tsx
-import { useState as useState9, useCallback as useCallback8 } from "react";
+import { useState as useState10, useCallback as useCallback8 } from "react";
 var useChartHighlights = () => {
-  const [highlightedSeries, setHighlightedSeries] = useState9(
+  const [highlightedSeries, setHighlightedSeries] = useState10(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState9(false);
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState10(false);
   const toggleHighlight = useCallback8((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
@@ -5977,7 +5996,7 @@ import * as React18 from "react";
 import { motion as motion10, AnimatePresence as AnimatePresence8 } from "framer-motion";
 import {
   CloudArrowUpIcon,
-  CheckIcon as CheckIcon6,
+  CheckIcon as CheckIcon7,
   XIcon as XIcon5,
   FileTextIcon,
   FilePdfIcon,
@@ -6309,7 +6328,7 @@ var FileUploader = React18.forwardRef(
               ),
               transition: { duration: 0.3 },
               children: [
-                /* @__PURE__ */ jsx36("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ jsx36(CheckIcon6, { size: 16, className: "text-emerald-500" }) }),
+                /* @__PURE__ */ jsx36("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ jsx36(CheckIcon7, { size: 16, className: "text-emerald-500" }) }),
                 /* @__PURE__ */ jsxs27(
                   motion10.span,
                   {
@@ -7243,28 +7262,43 @@ var toast2 = {
 // src/components/ui/form/CheckBoxBase.tsx
 import * as React24 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { CheckIcon as CheckIcon7 } from "@phosphor-icons/react";
+import { CheckIcon as CheckIcon8, MinusIcon } from "@phosphor-icons/react";
 import { motion as motion11 } from "framer-motion";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
 var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ jsx44(
   CheckboxPrimitive.Root,
   {
     ref,
     className: cn(
-      "peer h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground transition-colors",
+      "peer h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground transition-colors",
       className
     ),
     "data-testid": dataTestId,
     ...props,
-    children: /* @__PURE__ */ jsx44(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsx44(
+    children: /* @__PURE__ */ jsx44(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsxs33(
       motion11.div,
       {
         initial: { scale: 0, opacity: 0, rotate: -90 },
         animate: { scale: 1, opacity: 1, rotate: 0 },
         exit: { scale: 0, opacity: 0, rotate: 90 },
         transition: { type: "spring", stiffness: 500, damping: 30 },
-        className: "flex items-center justify-center text-current",
-        children: /* @__PURE__ */ jsx44(CheckIcon7, { className: "h-4 w-4", weight: "bold" })
+        className: "flex items-center justify-center text-current group",
+        children: [
+          /* @__PURE__ */ jsx44(
+            CheckIcon8,
+            {
+              className: "h-4 w-4 hidden group-data-[state=checked]:block",
+              weight: "bold"
+            }
+          ),
+          /* @__PURE__ */ jsx44(
+            MinusIcon,
+            {
+              className: "h-4 w-4 hidden group-data-[state=indeterminate]:block",
+              weight: "bold"
+            }
+          )
+        ]
       }
     ) })
   }
@@ -7275,13 +7309,13 @@ CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 import * as React25 from "react";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 import { CaretUpDownIcon } from "@phosphor-icons/react";
-import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
 var CollapsibleBase = React25.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ jsx45(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
 });
 CollapsibleBase.displayName = CollapsiblePrimitive.Root.displayName;
 var CollapsibleTriggerBase = React25.forwardRef(({ className, children, leftIcon, showCaret = true, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     CollapsiblePrimitive.CollapsibleTrigger,
     {
       ref,
@@ -7292,7 +7326,7 @@ var CollapsibleTriggerBase = React25.forwardRef(({ className, children, leftIcon
       "data-slot": "collapsible-trigger",
       ...props,
       children: [
-        /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
           leftIcon && /* @__PURE__ */ jsx45("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
           /* @__PURE__ */ jsx45("span", { children })
         ] }),
@@ -7322,7 +7356,7 @@ CollapsibleContentBase.displayName = CollapsiblePrimitive.CollapsibleContent.dis
 // src/components/ui/form/HoverCardBase.tsx
 import * as React26 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
 function HoverCardBase(props) {
   return /* @__PURE__ */ jsx46(HoverCardPrimitive.Root, { ...props });
 }
@@ -7331,7 +7365,7 @@ function HoverCardTriggerBase(props) {
 }
 var HoverCardContentBase = React26.forwardRef(
   ({ className, align = "center", sideOffset = 6, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx46(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsxs34(
+    return /* @__PURE__ */ jsx46(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsxs35(
       HoverCardPrimitive.Content,
       {
         ref,
@@ -7377,8 +7411,8 @@ HoverCardContentBase.displayName = HoverCardPrimitive.Content.displayName;
 // src/components/ui/form/Input-OTP-Base.tsx
 import * as React27 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
-import { MinusIcon } from "@phosphor-icons/react";
-import { jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
+import { MinusIcon as MinusIcon2 } from "@phosphor-icons/react";
+import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
 function InputOTPBase({
   className,
   containerClassName,
@@ -7414,7 +7448,7 @@ function InputOTPSlotBase({
 }) {
   const inputOTPContext = React27.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -7432,13 +7466,13 @@ function InputOTPSlotBase({
   );
 }
 function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ jsx47("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx47(MinusIcon, {}) });
+  return /* @__PURE__ */ jsx47("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx47(MinusIcon2, {}) });
 }
 
 // src/components/ui/form/SliderBase.tsx
 import * as React28 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx48, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
 var SlideBase = React28.forwardRef(
   ({
     className,
@@ -7449,13 +7483,13 @@ var SlideBase = React28.forwardRef(
     ...props
   }, ref) => {
     const isVertical = orientation === "vertical";
-    return /* @__PURE__ */ jsxs36(
+    return /* @__PURE__ */ jsxs37(
       "div",
       {
         className: cn("flex flex-col gap-1", isVertical ? "h-full " : "w-full"),
         children: [
           label && /* @__PURE__ */ jsx48(LabelBase_default, { className: "py-2", children: label }),
-          /* @__PURE__ */ jsxs36(
+          /* @__PURE__ */ jsxs37(
             "div",
             {
               className: cn(
@@ -7464,7 +7498,7 @@ var SlideBase = React28.forwardRef(
               ),
               children: [
                 leftIcon && /* @__PURE__ */ jsx48("div", { className: "flex items-center justify-center", children: leftIcon }),
-                /* @__PURE__ */ jsxs36(
+                /* @__PURE__ */ jsxs37(
                   SliderPrimitive.Root,
                   {
                     ref,
@@ -7534,7 +7568,7 @@ import {
   GearIcon,
   BellIcon,
   DotsThreeIcon as DotsThreeIcon2,
-  CheckIcon as CheckIcon8,
+  CheckIcon as CheckIcon9,
   FunnelIcon,
   HeartIcon,
   StarIcon,
@@ -8027,7 +8061,7 @@ var CheckButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ jsx49(
-      CheckIcon8,
+      CheckIcon9,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8280,7 +8314,7 @@ SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 import * as React31 from "react";
 import { motion as motion12 } from "framer-motion";
 import { TrashIcon as TrashIcon2 } from "@phosphor-icons/react";
-import { jsx as jsx51, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
 var TextAreaBase = React31.forwardRef(
   ({ className, clearable = false, onClear, ...props }, ref) => {
     const [isFocused, setIsFocused] = React31.useState(false);
@@ -8328,7 +8362,7 @@ var TextAreaBase = React31.forwardRef(
     React31.useEffect(() => {
       setHasContent(!!props.value || !!props.defaultValue);
     }, [props.value, props.defaultValue]);
-    return /* @__PURE__ */ jsxs37("div", { className: "relative", children: [
+    return /* @__PURE__ */ jsxs38("div", { className: "relative", children: [
       /* @__PURE__ */ jsx51(
         "textarea",
         {
@@ -8352,7 +8386,7 @@ var TextAreaBase = React31.forwardRef(
           ...props
         }
       ),
-      clearable && hasContent && /* @__PURE__ */ jsx51(TooltipProviderBase, { children: /* @__PURE__ */ jsxs37(
+      clearable && hasContent && /* @__PURE__ */ jsx51(TooltipProviderBase, { children: /* @__PURE__ */ jsxs38(
         TooltipBase,
         {
           open: showConfirmTooltip,
@@ -8379,14 +8413,14 @@ var TextAreaBase = React31.forwardRef(
                 children: /* @__PURE__ */ jsx51(TrashIcon2, { size: 16, weight: "regular" })
               }
             ) }),
-            /* @__PURE__ */ jsxs37(
+            /* @__PURE__ */ jsxs38(
               TooltipContentBase,
               {
                 side: "left",
                 className: "bg-background border border-border shadow-lg p-3 flex flex-col gap-2",
                 children: [
                   /* @__PURE__ */ jsx51("p", { className: "text-sm text-foreground font-medium mb-1", children: "Limpar todo o texto?" }),
-                  /* @__PURE__ */ jsxs37("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsxs38("div", { className: "flex gap-2", children: [
                     /* @__PURE__ */ jsx51(
                       "button",
                       {
@@ -8432,7 +8466,7 @@ var TextAreaBase = React31.forwardRef(
           children: /* @__PURE__ */ jsx51("div", { className: "absolute inset-0 rounded-lg bg-gradient-to-r from-ring/20 via-ring/10 to-ring/20 blur-sm" })
         }
       ),
-      isFocused && hasContent && props.maxLength && /* @__PURE__ */ jsxs37(
+      isFocused && hasContent && props.maxLength && /* @__PURE__ */ jsxs38(
         motion12.div,
         {
           initial: { opacity: 0, y: -10 },
@@ -8455,7 +8489,7 @@ TextAreaBase.displayName = "TextAreaBase";
 import * as React32 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeftIcon as ArrowLeftIcon2, ArrowRightIcon as ArrowRightIcon2 } from "@phosphor-icons/react";
-import { jsx as jsx52, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
 var CarouselContext = React32.createContext(null);
 function useCarousel() {
   const context = React32.useContext(CarouselContext);
@@ -8599,7 +8633,7 @@ function CarouselPreviousBase({
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   const btnRef = React32.useRef(null);
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     ButtonBase,
     {
       "data-slot": "carousel-previous",
@@ -8629,7 +8663,7 @@ function CarouselNextBase({
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   const btnRef = React32.useRef(null);
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     ButtonBase,
     {
       "data-slot": "carousel-next",
@@ -8829,7 +8863,7 @@ TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 // src/components/ui/navigation/BreadcrumbBase.tsx
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { CaretRightIcon as CaretRightIcon3, DotsThreeIcon as DotsThreeIcon3 } from "@phosphor-icons/react";
-import { jsx as jsx56, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
 function BreadcrumbBase({ ...props }) {
   return /* @__PURE__ */ jsx56("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }
@@ -8905,7 +8939,7 @@ function BreadcrumbEllipsisBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "span",
     {
       "data-slot": "breadcrumb-ellipsis",
@@ -8923,15 +8957,15 @@ function BreadcrumbEllipsisBase({
 
 // src/components/ui/navigation/NavigationMenuBase.tsx
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { CaretDownIcon as CaretDownIcon3 } from "@phosphor-icons/react";
-import { jsx as jsx57, jsxs as jsxs40 } from "react/jsx-runtime";
+import { CaretDownIcon as CaretDownIcon4 } from "@phosphor-icons/react";
+import { jsx as jsx57, jsxs as jsxs41 } from "react/jsx-runtime";
 function NavigationMenuBase({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -8982,7 +9016,7 @@ function NavigationMenuTriggerBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -8991,7 +9025,7 @@ function NavigationMenuTriggerBase({
       children: [
         children,
         /* @__PURE__ */ jsx57(
-          CaretDownIcon3,
+          CaretDownIcon4,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -9095,7 +9129,7 @@ import * as React37 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva4 } from "class-variance-authority";
 import { XIcon as XIcon8 } from "@phosphor-icons/react";
-import { jsx as jsx58, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs42 } from "react/jsx-runtime";
 var SheetBase = SheetPrimitive.Root;
 var SheetTriggerBase = SheetPrimitive.Trigger;
 var SheetCloseBase = SheetPrimitive.Close;
@@ -9128,16 +9162,16 @@ var sheetVariants = cva4(
     }
   }
 );
-var SheetContentBase = React37.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs41(SheetPortalBase, { children: [
+var SheetContentBase = React37.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs42(SheetPortalBase, { children: [
   /* @__PURE__ */ jsx58(SheetOverlayBase, {}),
-  /* @__PURE__ */ jsxs41(
+  /* @__PURE__ */ jsxs42(
     SheetPrimitive.Content,
     {
       ref,
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs41(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+        /* @__PURE__ */ jsxs42(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
           /* @__PURE__ */ jsx58(XIcon8, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx58("span", { className: "sr-only", children: "Close" })
         ] }),
@@ -9196,7 +9230,7 @@ SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/navigation/SidebarBase.tsx
 import { SidebarSimpleIcon } from "@phosphor-icons/react";
-import { jsx as jsx59, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs43 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -9324,7 +9358,7 @@ var SidebarBase = React38.forwardRef(
         }
       ) });
     }
-    return /* @__PURE__ */ jsxs42(
+    return /* @__PURE__ */ jsxs43(
       "div",
       {
         ref,
@@ -9374,7 +9408,7 @@ var SidebarBase = React38.forwardRef(
 SidebarBase.displayName = "SidebarBase";
 var SidebarTriggerBase = React38.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ jsx59("div", { children: /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsx59("div", { children: /* @__PURE__ */ jsxs43(
     ButtonBase,
     {
       ref,
@@ -9630,7 +9664,7 @@ var SidebarMenuButtonBase = React38.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ jsxs42(TooltipBase, { children: [
+    return /* @__PURE__ */ jsxs43(TooltipBase, { children: [
       /* @__PURE__ */ jsx59(TooltipTriggerBase, { asChild: true, children: button }),
       /* @__PURE__ */ jsx59(
         TooltipContentBase,
@@ -9690,7 +9724,7 @@ var SidebarMenuSkeletonBase = React38.forwardRef(({ className, showIcon = false,
   const width = React38.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs43(
     "div",
     {
       ref,
@@ -9761,7 +9795,7 @@ SidebarMenuSubButtonBase.displayName = "SidebarMenuSubButtonBase";
 
 // src/components/ui/overlays/DrawerBase.tsx
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx60, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs44 } from "react/jsx-runtime";
 function DrawerBase({
   ...props
 }) {
@@ -9803,9 +9837,9 @@ function DrawerContentBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs43(DrawerPortalBase, { children: [
+  return /* @__PURE__ */ jsxs44(DrawerPortalBase, { children: [
     /* @__PURE__ */ jsx60(DrawerOverlayBase, {}),
-    /* @__PURE__ */ jsxs43(
+    /* @__PURE__ */ jsxs44(
       DrawerPrimitive.Content,
       {
         "data-slot": "drawer-content",
@@ -9883,7 +9917,7 @@ function DrawerDescriptionBase({
 }
 
 // src/hooks/use-universal-tooltip.tsx
-import { createContext as createContext4, useContext as useContext5, useState as useState15, useCallback as useCallback11, useEffect as useEffect14, useRef as useRef7 } from "react";
+import { createContext as createContext4, useContext as useContext5, useState as useState16, useCallback as useCallback11, useEffect as useEffect14, useRef as useRef7 } from "react";
 import { jsx as jsx61 } from "react/jsx-runtime";
 var UniversalTooltipContext = createContext4(null);
 var useUniversalTooltip = () => {
@@ -9942,7 +9976,7 @@ var useTooltip = () => {
 
 // src/components/ui/UniversalTooltipRenderer.tsx
 import { XIcon as XIcon9 } from "@phosphor-icons/react/dist/ssr";
-import { jsx as jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs45 } from "react/jsx-runtime";
 var UniversalTooltipRenderer = ({
   className,
   showCloseButton = true,
@@ -9959,8 +9993,8 @@ var UniversalTooltipRenderer = ({
     clearAllTooltips
   } = useUniversalTooltip();
   const { removeTooltip, handleElementMouseDown } = useTooltip();
-  return /* @__PURE__ */ jsxs44("div", { className: cn("fixed inset-0 pointer-events-none z-50", className), children: [
-    showCloseAllButton && tooltips.length > 1 && /* @__PURE__ */ jsx62("div", { className: "fixed top-6 left-1/2 transform -translate-x-1/2 z-50 pointer-events-auto animate-in fade-in slide-in-from-top-2 duration-300", children: /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs45("div", { className: cn("fixed inset-0 pointer-events-none z-50", className), children: [
+    showCloseAllButton && tooltips.length > 1 && /* @__PURE__ */ jsx62("div", { className: "fixed top-6 left-1/2 transform -translate-x-1/2 z-50 pointer-events-auto animate-in fade-in slide-in-from-top-2 duration-300", children: /* @__PURE__ */ jsxs45(
       "button",
       {
         onClick: clearAllTooltips,
@@ -9982,7 +10016,7 @@ var UniversalTooltipRenderer = ({
       const endX = isHorizontal ? Math.max(guide.sourceTooltip.left + guide.sourceTooltip.width / 2, guide.targetTooltip.left + guide.targetTooltip.width / 2) : guide.targetTooltip.left + guide.targetTooltip.width / 2;
       const startY = isHorizontal ? guide.sourceTooltip.top + guide.sourceTooltip.height / 2 : Math.min(guide.sourceTooltip.top + guide.sourceTooltip.height / 2, guide.targetTooltip.top + guide.targetTooltip.height / 2);
       const endY = isHorizontal ? guide.targetTooltip.top + guide.targetTooltip.height / 2 : Math.max(guide.sourceTooltip.top + guide.sourceTooltip.height / 2, guide.targetTooltip.top + guide.targetTooltip.height / 2);
-      return /* @__PURE__ */ jsxs44("div", { className: "pointer-events-none", children: [
+      return /* @__PURE__ */ jsxs45("div", { className: "pointer-events-none", children: [
         /* @__PURE__ */ jsx62(
           "div",
           {
@@ -10036,7 +10070,7 @@ var UniversalTooltipRenderer = ({
         )
       ] }, index);
     }),
-    tooltips.map((tooltip) => /* @__PURE__ */ jsxs44(
+    tooltips.map((tooltip) => /* @__PURE__ */ jsxs45(
       "div",
       {
         className: cn(
@@ -10050,8 +10084,8 @@ var UniversalTooltipRenderer = ({
         },
         onMouseDown: (e) => handleElementMouseDown(tooltip.id, e),
         children: [
-          /* @__PURE__ */ jsxs44("div", { className: "flex items-center justify-between p-3 border-b bg-muted/20 rounded-t-lg", children: [
-            /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs45("div", { className: "flex items-center justify-between p-3 border-b bg-muted/20 rounded-t-lg", children: [
+            /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsx62("div", { className: "w-2 h-2 bg-primary rounded-full" }),
               /* @__PURE__ */ jsx62("span", { className: "text-sm font-medium text-muted-foreground", children: "Tooltip" })
             ] }),
@@ -10091,7 +10125,7 @@ import {
   CalendarIcon
 } from "@phosphor-icons/react";
 import { AnimatePresence as AnimatePresence9 } from "framer-motion";
-import { jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs46 } from "react/jsx-runtime";
 function CalendarBase2({
   className,
   classNames,
@@ -10115,60 +10149,64 @@ function CalendarBase2({
         "rounded-md border bg-background p-3 overflow-hidden flex flex-col",
         className
       ),
-      children: /* @__PURE__ */ jsx63("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ jsx63(AnimatePresence9, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ jsx63(
+      children: /* @__PURE__ */ jsx63("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ jsx63(AnimatePresence9, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ jsxs46(
         "div",
         {
           className: "w-full h-full flex flex-col",
-          children: /* @__PURE__ */ jsx63(
-            DayPicker2,
-            {
-              showOutsideDays,
-              month,
-              onMonthChange: handleMonthChange,
-              className: "w-full h-full flex flex-col",
-              classNames: {
-                months: "flex flex-col sm:flex-row gap-3 sm:gap-4 w-full",
-                month: "flex-1 min-w-0",
-                caption: "flex items-center justify-between gap-2 pr-1 min-h-[2.25rem] mb-2",
-                caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize text-left",
-                nav: "flex items-center gap-2",
-                nav_button: cn(
-                  buttonVariantsBase({ variant: "outline" }),
-                  "h-8 w-8 sm:h-9 sm:w-9 md:h-10 md:w-10 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95"
-                ),
-                nav_button_previous: "",
-                nav_button_next: "",
-                table: "w-full min-w-0 flex-1 grid grid-rows-[auto_1fr] gap-2",
-                head_row: "grid grid-cols-7 gap-1 mb-1",
-                head_cell: "text-muted-foreground rounded-md font-semibold text-[clamp(0.575rem,1.2vw,0.75rem)] sm:text-[clamp(0.65rem,1.1vw,0.825rem)] text-center pb-1 uppercase tracking-wider",
-                row: "grid grid-cols-7 gap-1",
-                cell: cn(
-                  "min-w-0 h-9 sm:h-10 md:h-10 p-0 relative flex items-center justify-center",
-                  "[&:has([aria-selected].day-range-end)]:rounded-r-lg",
-                  "[&:has([aria-selected].day-range-start)]:rounded-l-lg",
-                  "[&:has([aria-selected].day-outside)]:bg-muted/50",
-                  "[&:has([aria-selected])]:bg-muted"
-                ),
-                day: cn(
-                  buttonVariantsBase({ variant: "ghost" }),
-                  "w-full h-full p-0 m-0 flex items-center justify-center text-[clamp(0.775rem,1.2vw,0.95rem)] sm:text-sm",
-                  "aria-selected:opacity-100 hover:bg-muted transition-all duration-150 ease-out active:scale-95"
-                ),
-                day_selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90 font-semibold hover:text-white",
-                day_today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset",
-                day_outside: "text-muted-foreground/40 opacity-60 aria-selected:bg-muted/50 aria-selected:text-foreground",
-                day_disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
-                day_range_middle: "aria-selected:bg-muted aria-selected:text-foreground",
-                day_hidden: "invisible",
-                ...classNames
-              },
-              components: {
-                IconLeft: () => /* @__PURE__ */ jsx63(CaretLeftIcon2, { className: "h-4 w-4" }),
-                IconRight: () => /* @__PURE__ */ jsx63(CaretRightIcon4, { className: "h-4 w-4" })
-              },
-              ...props
-            }
-          )
+          children: [
+            /* @__PURE__ */ jsx63("div", { className: "flex items-center justify-end mb-2 -mt-1" }),
+            /* @__PURE__ */ jsx63(
+              DayPicker2,
+              {
+                showOutsideDays,
+                month,
+                onMonthChange: handleMonthChange,
+                className: "w-full h-full flex flex-col",
+                classNames: {
+                  months: "flex flex-col sm:flex-row gap-3 sm:gap-4 w-full",
+                  month: "flex-1 min-w-0",
+                  caption: "flex items-center justify-between gap-2 pr-1 min-h-[2.25rem] mb-2",
+                  caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize text-left",
+                  nav: "flex items-center gap-2",
+                  nav_button: cn(
+                    buttonVariantsBase({ variant: "outline" }),
+                    "h-8 w-8 sm:h-9 sm:w-9 md:h-10 md:w-10 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95"
+                  ),
+                  nav_button_previous: "",
+                  nav_button_next: "",
+                  table: "w-full min-w-0 flex-1 grid grid-rows-[auto_1fr] gap-2",
+                  head_row: "grid grid-cols-7 gap-1 mb-1",
+                  head_cell: "text-muted-foreground rounded-md font-semibold text-[clamp(0.575rem,1.2vw,0.75rem)] sm:text-[clamp(0.65rem,1.1vw,0.825rem)] text-center pb-1 uppercase tracking-wider",
+                  row: "grid grid-cols-7 gap-1",
+                  cell: cn(
+                    "min-w-0 h-9 sm:h-10 md:h-10 p-0 relative flex items-center justify-center",
+                    "[&:has([aria-selected].day-range-end)]:rounded-r-lg",
+                    "[&:has([aria-selected].day-range-start)]:rounded-l-lg",
+                    "[&:has([aria-selected].day-outside)]:bg-muted/50",
+                    "[&:has([aria-selected])]:bg-muted"
+                  ),
+                  day: cn(
+                    buttonVariantsBase({ variant: "ghost" }),
+                    "w-full h-full p-0 m-0 flex items-center justify-center text-[clamp(0.775rem,1.2vw,0.95rem)] sm:text-sm",
+                    "aria-selected:opacity-100 hover:bg-muted transition-all duration-150 ease-out active:scale-95"
+                  ),
+                  day_selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90 font-semibold hover:text-white",
+                  day_today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset",
+                  day_outside: "text-muted-foreground/40 opacity-60 aria-selected:bg-muted/50 aria-selected:text-foreground",
+                  day_disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
+                  day_range_middle: "aria-selected:bg-muted aria-selected:text-foreground",
+                  day_hidden: "invisible",
+                  button: "p-0 m-0  border-0 outline-none focus:ring-0",
+                  ...classNames
+                },
+                components: {
+                  IconLeft: () => /* @__PURE__ */ jsx63(CaretLeftIcon2, { className: "h-4 w-4" }),
+                  IconRight: () => /* @__PURE__ */ jsx63(CaretRightIcon4, { className: "h-4 w-4" })
+                },
+                ...props
+              }
+            )
+          ]
         },
         month.toISOString()
       ) }) })
@@ -10179,14 +10217,14 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/picker/DateTimePicker.tsx
 import { ptBR } from "date-fns/locale";
-import { useEffect as useEffect15, useState as useState17 } from "react";
+import { useEffect as useEffect15, useState as useState18 } from "react";
 
 // src/components/picker/TimePicker.tsx
 import { motion as motion14, AnimatePresence as AnimatePresence10 } from "framer-motion";
 import * as React42 from "react";
 
 // src/components/picker/TimePickerInput.tsx
-import { CaretUpIcon as CaretUpIcon2, CaretDownIcon as CaretDownIcon4 } from "@phosphor-icons/react";
+import { CaretUpIcon as CaretUpIcon2, CaretDownIcon as CaretDownIcon5 } from "@phosphor-icons/react";
 import React41 from "react";
 
 // src/components/picker/utils/time-picker-utils.ts
@@ -10329,7 +10367,7 @@ function display12HourValue(hours) {
 }
 
 // src/components/picker/TimePickerInput.tsx
-import { jsx as jsx64, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs47 } from "react/jsx-runtime";
 var TimePickerInput = React41.forwardRef(
   ({
     className,
@@ -10416,7 +10454,7 @@ var TimePickerInput = React41.forwardRef(
       const baseLabel = getPickerLabel();
       return `${baseLabel}, valor atual: ${calculatedValue}.`;
     };
-    return /* @__PURE__ */ jsxs46("div", { className: "relative group flex flex-col items-center", children: [
+    return /* @__PURE__ */ jsxs47("div", { className: "relative group flex flex-col items-center", children: [
       getPickerLabel() && /* @__PURE__ */ jsx64(
         "label",
         {
@@ -10425,7 +10463,7 @@ var TimePickerInput = React41.forwardRef(
           children: getPickerLabel()
         }
       ),
-      /* @__PURE__ */ jsxs46(
+      /* @__PURE__ */ jsxs47(
         "div",
         {
           className: cn(
@@ -10452,7 +10490,7 @@ var TimePickerInput = React41.forwardRef(
                 children: /* @__PURE__ */ jsx64(CaretUpIcon2, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             ),
-            /* @__PURE__ */ jsxs46("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxs47("div", { className: "relative", children: [
               /* @__PURE__ */ jsx64(
                 "input",
                 {
@@ -10516,7 +10554,7 @@ var TimePickerInput = React41.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Decrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ jsx64(CaretDownIcon4, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ jsx64(CaretDownIcon5, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             )
           ]
@@ -10528,7 +10566,7 @@ var TimePickerInput = React41.forwardRef(
 TimePickerInput.displayName = "TimePickerInput";
 
 // src/components/picker/TimePicker.tsx
-import { Fragment as Fragment9, jsx as jsx65, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx65, jsxs as jsxs48 } from "react/jsx-runtime";
 function TimePicker({
   date,
   setDate,
@@ -10553,7 +10591,7 @@ function TimePicker({
     hidden: { opacity: 0, y: 10 },
     visible: { opacity: 1, y: 0 }
   };
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs48(
     motion14.div,
     {
       variants: containerVariants,
@@ -10626,7 +10664,7 @@ function TimePicker({
 
 // src/components/picker/DateTimePicker.tsx
 import { CalendarBlankIcon, ClockIcon } from "@phosphor-icons/react";
-import { jsx as jsx66, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs49 } from "react/jsx-runtime";
 function DateTimePicker({
   label,
   date,
@@ -10640,9 +10678,9 @@ function DateTimePicker({
   className,
   error
 }) {
-  const [internalDate, setInternalDate] = useState17(date);
-  const [open, setOpen] = useState17(false);
-  const [timePickerOpen, setTimePickerOpen] = useState17(false);
+  const [internalDate, setInternalDate] = useState18(date);
+  const [open, setOpen] = useState18(false);
+  const [timePickerOpen, setTimePickerOpen] = useState18(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -10676,21 +10714,21 @@ function DateTimePicker({
   useEffect15(() => {
     setInternalDate(date);
   }, [date, open]);
-  return /* @__PURE__ */ jsxs48("div", { className: cn("space-y-2 w-full sm:w-auto", className), children: [
+  return /* @__PURE__ */ jsxs49("div", { className: cn("w-full sm:w-auto", className), children: [
     label && /* @__PURE__ */ jsx66(LabelBase_default, { children: label }),
-    /* @__PURE__ */ jsxs48(PopoverBase, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs49(PopoverBase, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx66(
         PopoverTriggerBase,
         {
           disabled,
           asChild: true,
           className: cn(error && "border-red-500"),
-          children: /* @__PURE__ */ jsxs48(
+          children: /* @__PURE__ */ jsxs49(
             ButtonBase,
             {
               variant: "outline",
               className: cn(
-                "w-full justify-start text-left min-w-0 overflow-hidden ",
+                "w-full justify-start text-left min-w-0 overflow-hidden no-active-animation",
                 !date && "text-muted-foreground"
               ),
               children: [
@@ -10720,7 +10758,7 @@ function DateTimePicker({
           side: "bottom",
           avoidCollisions: true,
           collisionPadding: 8,
-          children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-col max-h-[calc(100vh-4rem)] overflow-y-auto border-none rounded-md", children: [
+          children: /* @__PURE__ */ jsxs49("div", { className: "flex flex-col max-h-[calc(100vh-4rem)] overflow-y-auto border-none rounded-md", children: [
             /* @__PURE__ */ jsx66(
               CalendarBase2,
               {
@@ -10735,13 +10773,13 @@ function DateTimePicker({
                 className: cn("w-full", hideTime && "border-0")
               }
             ),
-            !hideTime && /* @__PURE__ */ jsx66("div", { className: "flex justify-center w-full ", children: /* @__PURE__ */ jsxs48(
+            !hideTime && /* @__PURE__ */ jsx66("div", { className: "flex justify-center w-full border-b border-r border-l", children: /* @__PURE__ */ jsxs49(
               PopoverBase,
               {
                 open: timePickerOpen,
                 onOpenChange: setTimePickerOpen,
                 children: [
-                  /* @__PURE__ */ jsx66(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs48(
+                  /* @__PURE__ */ jsx66(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs49(
                     ButtonBase,
                     {
                       variant: "outline",
@@ -10751,7 +10789,7 @@ function DateTimePicker({
                         "text-sm sm:text-base font-semibold w-full",
                         "bg-background hover:bg-accent",
                         "transition-all duration-200",
-                        "shadow-sm hover:shadow-md active:scale-[0.98]"
+                        "shadow-sm hover:shadow-md no-active-animation"
                       ),
                       children: [
                         /* @__PURE__ */ jsx66(ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
@@ -10770,7 +10808,7 @@ function DateTimePicker({
                       sideOffset: 8,
                       avoidCollisions: true,
                       collisionPadding: 8,
-                      children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-col items-center space-y-2 sm:space-y-3", children: [
+                      children: /* @__PURE__ */ jsxs49("div", { className: "flex flex-col items-center space-y-2 sm:space-y-3", children: [
                         /* @__PURE__ */ jsx66("h4", { className: "text-sm sm:text-base font-medium text-center", children: "Alterar Hor\xE1rio" }),
                         /* @__PURE__ */ jsx66(
                           TimePicker,
@@ -10786,7 +10824,7 @@ function DateTimePicker({
                             size: "sm",
                             variant: "destructive",
                             onClick: () => setTimePickerOpen(false),
-                            className: "w-full text-xs sm:text-sm min-h-[36px] sm:min-h-[40px]",
+                            className: "w-full text-xs sm:text-sm min-h-[36px] sm:min-h-[40px] no-active-animation",
                             children: "Fechar"
                           }
                         )
@@ -10795,7 +10833,16 @@ function DateTimePicker({
                   )
                 ]
               }
-            ) })
+            ) }),
+            /* @__PURE__ */ jsx66(
+              ButtonBase,
+              {
+                variant: "destructive",
+                className: "rounded-t-none no-active-animation",
+                onClick: () => setOpen(false),
+                children: "Fechar"
+              }
+            )
           ] })
         }
       )
@@ -10817,7 +10864,7 @@ import {
 } from "@phosphor-icons/react";
 import { motion as motion15, AnimatePresence as AnimatePresence11, useAnimation } from "framer-motion";
 import { CalendarDotIcon } from "@phosphor-icons/react/dist/ssr";
-import { jsx as jsx67, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs50 } from "react/jsx-runtime";
 var dateFnsLocale = ptBR2?.default ?? ptBR2;
 function RangePicker({
   value,
@@ -10841,23 +10888,29 @@ function RangePicker({
     setRange(void 0);
     onChange?.(void 0);
   };
-  return /* @__PURE__ */ jsxs49(PopoverBase, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx67(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsxs50(PopoverBase, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx67(PopoverTriggerBase, { asChild: true, className: cn(error && "border-red-500"), children: /* @__PURE__ */ jsx67(
       motion15.div,
       {
         whileTap: { scale: 0.97 },
         whileHover: { scale: open ? 1.03 : 1.01 },
         transition: { type: "spring", stiffness: 300, damping: 20 },
-        children: /* @__PURE__ */ jsxs49(
+        children: /* @__PURE__ */ jsxs50(
           ButtonBase,
           {
             variant: "outline",
-            className: "flex  gap-2 transition-all duration-200 min-w-[250px] text-left justify-between items-center",
+            className: cn(
+              "w-full justify-start text-left min-w-0 overflow-hidden",
+              !range && "text-muted-foreground"
+            ),
             children: [
               /* @__PURE__ */ jsx67(
                 motion15.span,
                 {
-                  className: "text-sm font-medium",
+                  className: cn(
+                    "truncate flex-1",
+                    !range && "text-muted-foreground"
+                  ),
                   transition: { duration: 0.2 },
                   animate: controls,
                   children: range?.from && range?.to ? `${format2(range.from, "P", {
@@ -10870,7 +10923,7 @@ function RangePicker({
                 {
                   animate: open ? { rotate: 8, scale: 1.15 } : { rotate: 0, scale: 1 },
                   transition: { type: "spring", stiffness: 300, damping: 18 },
-                  children: /* @__PURE__ */ jsx67(CalendarBlankIcon2, { className: "w-4 h-4 transition-transform group-hover:scale-110" })
+                  children: /* @__PURE__ */ jsx67(CalendarBlankIcon2, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
                 }
               )
             ]
@@ -10884,7 +10937,7 @@ function RangePicker({
       {
         asChild: true,
         className: "w-auto min-w-[250px] p-0 shadow-xl  overflow-y-hidden",
-        children: /* @__PURE__ */ jsxs49(
+        children: /* @__PURE__ */ jsxs50(
           motion15.div,
           {
             initial: { opacity: 0, y: 16 },
@@ -10954,7 +11007,7 @@ function RangePicker({
                   )
                 }
               ) }),
-              /* @__PURE__ */ jsxs49("div", { className: "flex justify-end gap-2 px-4 pb-4", children: [
+              /* @__PURE__ */ jsxs50("div", { className: "flex justify-end gap-2 px-4 pb-4", children: [
                 /* @__PURE__ */ jsx67("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ jsx67(
                   motion15.div,
                   {
@@ -11020,8 +11073,8 @@ RangePicker.displayName = "RangePicker";
 
 // src/components/ui/navigation/ContextMenuBase.tsx
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import { CaretRightIcon as CaretRightIcon6, CheckIcon as CheckIcon9, CircleIcon as CircleIcon2 } from "@phosphor-icons/react";
-import { jsx as jsx68, jsxs as jsxs50 } from "react/jsx-runtime";
+import { CaretRightIcon as CaretRightIcon6, CheckIcon as CheckIcon10, CircleIcon as CircleIcon2 } from "@phosphor-icons/react";
+import { jsx as jsx68, jsxs as jsxs51 } from "react/jsx-runtime";
 function ContextMenuBase(props) {
   return /* @__PURE__ */ jsx68(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }
@@ -11046,7 +11099,7 @@ function ContextMenuSubTriggerBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     ContextMenuPrimitive.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
@@ -11142,7 +11195,7 @@ function ContextMenuCheckboxItemBase({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     ContextMenuPrimitive.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
@@ -11157,7 +11210,7 @@ function ContextMenuCheckboxItemBase({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx68("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx68(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx68(CheckIcon9, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx68("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx68(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx68(CheckIcon10, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -11168,7 +11221,7 @@ function ContextMenuRadioItemBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     ContextMenuPrimitive.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
@@ -11234,7 +11287,7 @@ function ContextMenuShortcutBase({
 import {
   ArrowRightIcon as ArrowRightIcon3,
   ArrowsOutIcon,
-  CheckIcon as CheckIcon10,
+  CheckIcon as CheckIcon11,
   CodeIcon,
   CopyIcon as CopyIcon2,
   DownloadIcon,
@@ -11245,7 +11298,7 @@ import {
 } from "@phosphor-icons/react";
 import React44 from "react";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
-import { jsx as jsx69, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs52 } from "react/jsx-runtime";
 var CodeBlock = ({
   language,
   filename,
@@ -11339,23 +11392,23 @@ var CodeBlock = ({
     return { lines, chars, words };
   };
   const stats = showStats ? getCodeStats(activeCodeSanitized) : null;
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs52(
     "div",
     {
       className: `relative w-full rounded-xl overflow-hidden shadow-sm border no-underline-code`,
       style: cssVars.container,
       children: [
         /* @__PURE__ */ jsx69("style", { children: `.no-underline-code a { text-decoration: none !important; text-shadow: none !important; box-shadow: none !important; } .no-underline-code code a { text-decoration: none !important; }` }),
-        /* @__PURE__ */ jsxs51("div", { className: `flex items-stretch min-h-[3rem]`, style: cssVars.header, children: [
-          /* @__PURE__ */ jsxs51("div", { className: "flex-1 flex items-center min-w-0 px-3", children: [
-            /* @__PURE__ */ jsxs51("div", { className: "flex gap-2 mr-3 shrink-0", children: [
+        /* @__PURE__ */ jsxs52("div", { className: `flex items-stretch min-h-[3rem]`, style: cssVars.header, children: [
+          /* @__PURE__ */ jsxs52("div", { className: "flex-1 flex items-center min-w-0 px-3", children: [
+            /* @__PURE__ */ jsxs52("div", { className: "flex gap-2 mr-3 shrink-0", children: [
               /* @__PURE__ */ jsx69("div", { className: "w-3 h-3 rounded-full bg-red-500" }),
               /* @__PURE__ */ jsx69("div", { className: "w-3 h-3 rounded-full bg-yellow-500" }),
               /* @__PURE__ */ jsx69("div", { className: "w-3 h-3 rounded-full bg-green-500" })
             ] }),
-            breadcrumb.length > 0 && /* @__PURE__ */ jsxs51("div", { className: "flex items-center min-w-0", children: [
+            breadcrumb.length > 0 && /* @__PURE__ */ jsxs52("div", { className: "flex items-center min-w-0", children: [
               /* @__PURE__ */ jsx69(FolderIcon, { size: "1em", style: cssVars.icon }),
-              /* @__PURE__ */ jsx69("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ jsxs51(React44.Fragment, { children: [
+              /* @__PURE__ */ jsx69("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ jsxs52(React44.Fragment, { children: [
                 /* @__PURE__ */ jsx69(
                   "span",
                   {
@@ -11375,8 +11428,8 @@ var CodeBlock = ({
               ] }, index)) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs51("div", { className: "flex items-center justify-end shrink-0 px-2", children: [
-            stats && /* @__PURE__ */ jsxs51(
+          /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-end shrink-0 px-2", children: [
+            stats && /* @__PURE__ */ jsxs52(
               "div",
               {
                 className: `text-xs mx-2 truncate hidden md:block`,
@@ -11389,7 +11442,7 @@ var CodeBlock = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs51("div", { className: "flex", children: [
+            /* @__PURE__ */ jsxs52("div", { className: "flex", children: [
               /* @__PURE__ */ jsx69(
                 "button",
                 {
@@ -11415,7 +11468,7 @@ var CodeBlock = ({
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Copy code",
                   children: copied ? /* @__PURE__ */ jsx69(
-                    CheckIcon10,
+                    CheckIcon11,
                     {
                       size: "1em",
                       style: { color: "hsl(var(--primary))" }
@@ -11434,7 +11487,7 @@ var CodeBlock = ({
               borderColor: "hsl(var(--border))",
               backgroundColor: "hsl(var(--popover))"
             },
-            children: tabs.map((tab, index) => /* @__PURE__ */ jsxs51(
+            children: tabs.map((tab, index) => /* @__PURE__ */ jsxs52(
               "button",
               {
                 onClick: () => setActiveTab(index),
@@ -11460,7 +11513,7 @@ var CodeBlock = ({
               borderColor: "hsl(var(--border))",
               backgroundColor: "hsl(var(--popover))"
             },
-            children: /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-2 min-w-0", children: [
+            children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-2 min-w-0", children: [
               getLanguageIcon(language),
               /* @__PURE__ */ jsx69(
                 "span",
@@ -11511,7 +11564,7 @@ var CodeBlock = ({
             )
           }
         ),
-        showStats && stats && /* @__PURE__ */ jsxs51(
+        showStats && stats && /* @__PURE__ */ jsxs52(
           "div",
           {
             className: "px-3 py-2 border-t text-xs flex items-center justify-between min-h-[2.5rem]",
@@ -11521,18 +11574,18 @@ var CodeBlock = ({
               color: "hsl(var(--muted-foreground))"
             },
             children: [
-              /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-3 min-w-0", children: [
+              /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-3 min-w-0", children: [
                 /* @__PURE__ */ jsx69("span", { className: "truncate", children: activeLanguage.toUpperCase() }),
-                /* @__PURE__ */ jsxs51("span", { className: "truncate hidden sm:inline", children: [
+                /* @__PURE__ */ jsxs52("span", { className: "truncate hidden sm:inline", children: [
                   stats.lines,
                   " lines"
                 ] }),
-                /* @__PURE__ */ jsxs51("span", { className: "truncate hidden md:inline", children: [
+                /* @__PURE__ */ jsxs52("span", { className: "truncate hidden md:inline", children: [
                   stats.chars,
                   " chars"
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-1 shrink-0", children: [
+              /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-1 shrink-0", children: [
                 /* @__PURE__ */ jsx69(GearIcon2, { size: "0.75em", style: cssVars.icon }),
                 /* @__PURE__ */ jsx69("span", { children: "UTF-8" })
               ] })
@@ -11545,7 +11598,7 @@ var CodeBlock = ({
 };
 
 // src/components/ui/data/StatusIndicator.tsx
-import { jsx as jsx70, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs53 } from "react/jsx-runtime";
 function StatusIndicator({
   color = "green",
   size = "sm",
@@ -11583,7 +11636,7 @@ function StatusIndicator({
     "flex-shrink-0"
   );
   if (position === "inline") {
-    return /* @__PURE__ */ jsxs52(
+    return /* @__PURE__ */ jsxs53(
       "span",
       {
         className: cn("inline-flex items-center gap-2", className),
@@ -11595,7 +11648,7 @@ function StatusIndicator({
       }
     );
   }
-  return /* @__PURE__ */ jsxs52("div", { className: cn("relative inline-flex", className), ...props, children: [
+  return /* @__PURE__ */ jsxs53("div", { className: cn("relative inline-flex", className), ...props, children: [
     show && /* @__PURE__ */ jsx70(
       "span",
       {
@@ -11612,16 +11665,68 @@ function StatusIndicator({
 }
 
 // src/components/ui/form/DebouncedInput.tsx
-import { useEffect as useEffect17, useState as useState19 } from "react";
+import { useEffect as useEffect17, useState as useState20 } from "react";
 import { CircleNotchIcon as CircleNotchIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx71 } from "react/jsx-runtime";
+function DebouncedInput({
+  value: initialValue,
+  onChange,
+  debounce = 500,
+  label,
+  labelClassname,
+  leftIcon,
+  rightIcon,
+  showLoadingIndicator = false,
+  className,
+  error,
+  ...props
+}) {
+  const [value, setValue] = useState20(initialValue);
+  const [isDebouncing, setIsDebouncing] = useState20(false);
+  useEffect17(() => {
+    setValue(initialValue);
+  }, [initialValue]);
+  useEffect17(() => {
+    if (value !== initialValue) {
+      setIsDebouncing(true);
+    }
+    const timeout = setTimeout(() => {
+      onChange(value);
+      setIsDebouncing(false);
+    }, debounce);
+    return () => {
+      clearTimeout(timeout);
+      setIsDebouncing(false);
+    };
+  }, [debounce, initialValue, onChange, value]);
+  const renderRightIcon = () => {
+    if (showLoadingIndicator && isDebouncing) {
+      return /* @__PURE__ */ jsx71(CircleNotchIcon2, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
+    }
+    return rightIcon;
+  };
+  return /* @__PURE__ */ jsx71(
+    InputBase,
+    {
+      ...props,
+      label,
+      labelClassname,
+      leftIcon,
+      rightIcon: renderRightIcon(),
+      className: cn("transition-all duration-200", className),
+      value,
+      onChange: (e) => setValue(e.target.value),
+      error
+    }
+  );
+}
 
 // src/components/event-calendar/AgendaView.tsx
 import { addDays, format as format3, isToday } from "date-fns";
 import { ptBR as ptBR3 } from "date-fns/locale";
 import { useMemo as useMemo9 } from "react";
 import { CalendarIcon as CalendarIcon2 } from "@phosphor-icons/react";
-import { jsx as jsx72, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs54 } from "react/jsx-runtime";
 function AgendaView({
   currentDate,
   events,
@@ -11642,14 +11747,14 @@ function AgendaView({
   const hasEvents = days.some(
     (day) => getAgendaEventsForDay(events, day).length > 0
   );
-  return /* @__PURE__ */ jsx72("div", { className: "border-border/70 border-t px-4", children: !hasEvents ? /* @__PURE__ */ jsxs53("div", { className: "flex min-h-[70svh] flex-col items-center justify-center py-16 text-center", children: [
+  return /* @__PURE__ */ jsx72("div", { className: "border-border/70 border-t px-4", children: !hasEvents ? /* @__PURE__ */ jsxs54("div", { className: "flex min-h-[70svh] flex-col items-center justify-center py-16 text-center", children: [
     /* @__PURE__ */ jsx72(CalendarIcon2, { className: "mb-2 text-muted-foreground/50", size: 32 }),
-    /* @__PURE__ */ jsx72("h3", { className: "font-medium text-lg", children: "No events found" }),
-    /* @__PURE__ */ jsx72("p", { className: "text-muted-foreground", children: "There are no events scheduled for this time period." })
+    /* @__PURE__ */ jsx72("h3", { className: "font-medium text-lg", children: "Nenhum evento encontrado" }),
+    /* @__PURE__ */ jsx72("p", { className: "text-muted-foreground", children: "N\xE3o h\xE1 eventos agendados para este per\xEDodo." })
   ] }) : days.map((day) => {
     const dayEvents = getAgendaEventsForDay(events, day);
     if (dayEvents.length === 0) return null;
-    return /* @__PURE__ */ jsxs53(
+    return /* @__PURE__ */ jsxs54(
       "div",
       {
         className: "relative my-12 border-border/70 border-t",
@@ -11692,7 +11797,7 @@ import {
   useSensors
 } from "@dnd-kit/core";
 import { addMinutes, differenceInMinutes } from "date-fns";
-import { useId as useId2, useRef as useRef9, useState as useState20 } from "react";
+import { useId as useId2, useRef as useRef9, useState as useState21 } from "react";
 
 // src/components/event-calendar/hooks.ts
 import { createContext as createContext5, useContext as useContext6 } from "react";
@@ -11709,21 +11814,21 @@ var CalendarDndContext = createContext5({
 var useCalendarDnd = () => useContext6(CalendarDndContext);
 
 // src/components/event-calendar/CalendarDND.tsx
-import { jsx as jsx73, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs55 } from "react/jsx-runtime";
 function CalendarDndProvider({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = useState20(null);
-  const [activeId, setActiveId] = useState20(null);
-  const [activeView, setActiveView] = useState20(
+  const [activeEvent, setActiveEvent] = useState21(null);
+  const [activeId, setActiveId] = useState21(null);
+  const [activeView, setActiveView] = useState21(
     null
   );
-  const [currentTime, setCurrentTime] = useState20(null);
-  const [eventHeight, setEventHeight] = useState20(null);
-  const [isMultiDay, setIsMultiDay] = useState20(false);
-  const [multiDayWidth, setMultiDayWidth] = useState20(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState20(null);
+  const [currentTime, setCurrentTime] = useState21(null);
+  const [eventHeight, setEventHeight] = useState21(null);
+  const [isMultiDay, setIsMultiDay] = useState21(false);
+  const [multiDayWidth, setMultiDayWidth] = useState21(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState21(null);
   const eventDimensions = useRef9({ height: 0 });
   const sensors = useSensors(
     useSensor(MouseSensor, {
@@ -11882,7 +11987,7 @@ function CalendarDndProvider({
       onDragOver: handleDragOver,
       onDragStart: handleDragStart,
       sensors,
-      children: /* @__PURE__ */ jsxs54(
+      children: /* @__PURE__ */ jsxs55(
         CalendarDndContext.Provider,
         {
           value: {
@@ -11949,7 +12054,7 @@ import {
   startOfDay
 } from "date-fns";
 import { useMemo as useMemo10 } from "react";
-import { jsx as jsx74, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs56 } from "react/jsx-runtime";
 function DayView({
   currentDate,
   events,
@@ -12052,8 +12157,8 @@ function DayView({
     currentDate,
     "day"
   );
-  return /* @__PURE__ */ jsxs55("div", { className: "contents", "data-slot": "day-view", children: [
-    showAllDaySection && /* @__PURE__ */ jsx74("div", { className: "border-border/70 border-t bg-muted/50", children: /* @__PURE__ */ jsxs55("div", { className: "grid grid-cols-[3rem_1fr] sm:grid-cols-[4rem_1fr]", children: [
+  return /* @__PURE__ */ jsxs56("div", { className: "contents", "data-slot": "day-view", children: [
+    showAllDaySection && /* @__PURE__ */ jsx74("div", { className: "border-border/70 border-t bg-muted/50", children: /* @__PURE__ */ jsxs56("div", { className: "grid grid-cols-[3rem_1fr] sm:grid-cols-[4rem_1fr]", children: [
       /* @__PURE__ */ jsx74("div", { className: "relative", children: /* @__PURE__ */ jsx74("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full pe-2 text-right text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: "All day" }) }),
       /* @__PURE__ */ jsx74("div", { className: "relative border-border/70 border-r p-1 last:border-r-0", children: allDayEvents.map((event) => {
         const eventStart = new Date(event.start);
@@ -12074,16 +12179,16 @@ function DayView({
         );
       }) })
     ] }) }),
-    /* @__PURE__ */ jsxs55("div", { className: "grid flex-1 grid-cols-[3rem_1fr] overflow-hidden border-border/70 border-t sm:grid-cols-[4rem_1fr]", children: [
+    /* @__PURE__ */ jsxs56("div", { className: "grid flex-1 grid-cols-[3rem_1fr] overflow-hidden border-border/70 border-t sm:grid-cols-[4rem_1fr]", children: [
       /* @__PURE__ */ jsx74("div", { children: hours.map((hour, index) => /* @__PURE__ */ jsx74(
         "div",
         {
           className: "relative h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
-          children: index > 0 && /* @__PURE__ */ jsx74("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: format4(hour, "h a") })
+          children: index > 0 && /* @__PURE__ */ jsx74("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: format4(hour, "HH:mm") })
         },
         hour.toString()
       )) }),
-      /* @__PURE__ */ jsxs55("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxs56("div", { className: "relative", children: [
         positionedEvents.map((positionedEvent) => /* @__PURE__ */ jsx74(
           "div",
           {
@@ -12113,7 +12218,7 @@ function DayView({
           {
             className: "pointer-events-none absolute right-0 left-0 z-20",
             style: { top: `${currentTimePosition}%` },
-            children: /* @__PURE__ */ jsxs55("div", { className: "relative flex items-center", children: [
+            children: /* @__PURE__ */ jsxs56("div", { className: "relative flex items-center", children: [
               /* @__PURE__ */ jsx74("div", { className: "-left-1 absolute h-2 w-2 rounded-full bg-primary" }),
               /* @__PURE__ */ jsx74("div", { className: "h-[2px] w-full bg-primary" })
             ] })
@@ -12163,7 +12268,7 @@ function DayView({
 import { useDraggable } from "@dnd-kit/core";
 import { CSS } from "@dnd-kit/utilities";
 import { differenceInDays } from "date-fns";
-import { useRef as useRef10, useState as useState21 } from "react";
+import { useRef as useRef10, useState as useState22 } from "react";
 import { jsx as jsx75 } from "react/jsx-runtime";
 function DraggableEvent({
   event,
@@ -12179,7 +12284,7 @@ function DraggableEvent({
 }) {
   const { activeId } = useCalendarDnd();
   const elementRef = useRef10(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState21(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState22(null);
   const eventStart = new Date(event.start);
   const eventEnd = new Date(event.end);
   const isMultiDayEvent2 = isMultiDay || event.allDay || differenceInDays(eventEnd, eventStart) >= 1;
@@ -12314,7 +12419,7 @@ import {
   subWeeks
 } from "date-fns";
 import { ptBR as ptBR4 } from "date-fns/locale";
-import { useEffect as useEffect18, useMemo as useMemo11, useState as useState22, useCallback as useCallback12 } from "react";
+import { useEffect as useEffect18, useMemo as useMemo11, useState as useState23, useCallback as useCallback12 } from "react";
 import { toast as toast3 } from "sonner";
 import {
   ArrowDownIcon,
@@ -12323,7 +12428,7 @@ import {
   CalendarIcon as CalendarIcon3,
   PlusIcon as PlusIcon3
 } from "@phosphor-icons/react";
-import { Fragment as Fragment10, jsx as jsx77, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx77, jsxs as jsxs57 } from "react/jsx-runtime";
 function EventCalendar({
   events = [],
   onEventAdd,
@@ -12332,9 +12437,9 @@ function EventCalendar({
   className,
   initialView = "month"
 }) {
-  const [currentDate, setCurrentDate] = useState22(/* @__PURE__ */ new Date());
-  const [view, setView] = useState22(initialView);
-  const [isFading, setIsFading] = useState22(false);
+  const [currentDate, setCurrentDate] = useState23(/* @__PURE__ */ new Date());
+  const [view, setView] = useState23(initialView);
+  const [isFading, setIsFading] = useState23(false);
   const FADE_DURATION = 220;
   const changeView = useCallback12(
     (next) => {
@@ -12347,8 +12452,8 @@ function EventCalendar({
     },
     [view]
   );
-  const [isPaging, setIsPaging] = useState22(false);
-  const [pageDirection, setPageDirection] = useState22(
+  const [isPaging, setIsPaging] = useState23(false);
+  const [pageDirection, setPageDirection] = useState23(
     null
   );
   const PAGE_DURATION = 200;
@@ -12366,8 +12471,8 @@ function EventCalendar({
     },
     []
   );
-  const [isEventDialogOpen, setIsEventDialogOpen] = useState22(false);
-  const [selectedEvent, setSelectedEvent] = useState22(
+  const [isEventDialogOpen, setIsEventDialogOpen] = useState23(false);
+  const [selectedEvent, setSelectedEvent] = useState23(
     null
   );
   useEffect18(() => {
@@ -12526,7 +12631,7 @@ function EventCalendar({
       const year = format5(currentDate, "yyyy", { locale: ptBR4 });
       const short = `${dayNum} de ${month} de ${year}`;
       const long = `${format5(currentDate, "EEE", { locale: ptBR4 })}, ${dayNum} de ${month} de ${year}`;
-      return /* @__PURE__ */ jsxs56(Fragment10, { children: [
+      return /* @__PURE__ */ jsxs57(Fragment10, { children: [
         /* @__PURE__ */ jsx77("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: short }),
         /* @__PURE__ */ jsx77("span", { "aria-hidden": "true", className: "max-[479px]:hidden min-md:hidden", children: short }),
         /* @__PURE__ */ jsx77("span", { className: "max-md:hidden", children: long })
@@ -12553,8 +12658,8 @@ function EventCalendar({
         "--event-height": `${EventHeight}px`,
         "--week-cells-height": `${WeekCellsHeight}px`
       },
-      children: /* @__PURE__ */ jsxs56(CalendarDndProvider, { onEventUpdate: handleEventUpdate, children: [
-        /* @__PURE__ */ jsxs56(
+      children: /* @__PURE__ */ jsxs57(CalendarDndProvider, { onEventUpdate: handleEventUpdate, children: [
+        /* @__PURE__ */ jsxs57(
           "div",
           {
             className: cn(
@@ -12562,8 +12667,8 @@ function EventCalendar({
               className
             ),
             children: [
-              /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-1 sm:gap-4", children: [
-                /* @__PURE__ */ jsxs56(
+              /* @__PURE__ */ jsxs57("div", { className: "flex items-center gap-1 sm:gap-4", children: [
+                /* @__PURE__ */ jsxs57(
                   ButtonBase,
                   {
                     className: "max-[479px]:aspect-square max-[479px]:p-0!",
@@ -12582,7 +12687,7 @@ function EventCalendar({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs56("div", { className: "flex items-center sm:gap-2", children: [
+                /* @__PURE__ */ jsxs57("div", { className: "flex items-center sm:gap-2", children: [
                   /* @__PURE__ */ jsx77(
                     ButtonBase,
                     {
@@ -12606,15 +12711,15 @@ function EventCalendar({
                 ] }),
                 /* @__PURE__ */ jsx77("h2", { className: "font-semibold text-sm sm:text-lg md:text-xl", children: viewTitle })
               ] }),
-              /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxs56(DropDownMenuBase, { children: [
-                  /* @__PURE__ */ jsx77(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs56(
+              /* @__PURE__ */ jsxs57("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs57(DropDownMenuBase, { children: [
+                  /* @__PURE__ */ jsx77(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs57(
                     ButtonBase,
                     {
                       className: "gap-1.5 max-[479px]:h-8",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ jsxs56("span", { children: [
+                        /* @__PURE__ */ jsxs57("span", { children: [
                           /* @__PURE__ */ jsx77("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: (() => {
                             const labels = {
                               month: "M\xEAs",
@@ -12645,26 +12750,26 @@ function EventCalendar({
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs56(DropDownMenuContentBase, { align: "end", className: "min-w-32", children: [
-                    /* @__PURE__ */ jsxs56(DropDownMenuItemBase, { onClick: () => changeView("month"), children: [
+                  /* @__PURE__ */ jsxs57(DropDownMenuContentBase, { align: "end", className: "min-w-32", children: [
+                    /* @__PURE__ */ jsxs57(DropDownMenuItemBase, { onClick: () => changeView("month"), children: [
                       "M\xEAs ",
                       /* @__PURE__ */ jsx77(DropDownMenuShortcutBase, { children: "M" })
                     ] }),
-                    /* @__PURE__ */ jsxs56(DropDownMenuItemBase, { onClick: () => changeView("week"), children: [
+                    /* @__PURE__ */ jsxs57(DropDownMenuItemBase, { onClick: () => changeView("week"), children: [
                       "Semana ",
                       /* @__PURE__ */ jsx77(DropDownMenuShortcutBase, { children: "S" })
                     ] }),
-                    /* @__PURE__ */ jsxs56(DropDownMenuItemBase, { onClick: () => changeView("day"), children: [
+                    /* @__PURE__ */ jsxs57(DropDownMenuItemBase, { onClick: () => changeView("day"), children: [
                       "Dia ",
                       /* @__PURE__ */ jsx77(DropDownMenuShortcutBase, { children: "D" })
                     ] }),
-                    /* @__PURE__ */ jsxs56(DropDownMenuItemBase, { onClick: () => changeView("agenda"), children: [
+                    /* @__PURE__ */ jsxs57(DropDownMenuItemBase, { onClick: () => changeView("agenda"), children: [
                       "Agenda ",
                       /* @__PURE__ */ jsx77(DropDownMenuShortcutBase, { children: "A" })
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs56(
+                /* @__PURE__ */ jsxs57(
                   ButtonBase,
                   {
                     className: "max-[479px]:aspect-square max-[479px]:p-0!",
@@ -12690,7 +12795,7 @@ function EventCalendar({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs56(
+        /* @__PURE__ */ jsxs57(
           "div",
           {
             className: cn(
@@ -12757,12 +12862,12 @@ function EventCalendar({
 
 // src/components/event-calendar/EventDialog.tsx
 import { format as format6, isBefore } from "date-fns";
-import { useCallback as useCallback13, useEffect as useEffect19, useMemo as useMemo12, useState as useState23 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect19, useMemo as useMemo12, useState as useState24 } from "react";
 import { RadioGroup as RadioGroup3, RadioGroupItem } from "@radix-ui/react-radio-group";
 import { motion as motion16 } from "framer-motion";
 import { ptBR as ptBR5 } from "date-fns/locale";
 import { CalendarIcon as CalendarIcon4, TrashIcon as TrashIcon3 } from "@phosphor-icons/react";
-import { jsx as jsx78, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs58 } from "react/jsx-runtime";
 function EventDialog({
   event,
   isOpen,
@@ -12770,18 +12875,18 @@ function EventDialog({
   onSave,
   onDelete
 }) {
-  const [title, setTitle] = useState23("");
-  const [description, setDescription] = useState23("");
-  const [startDate, setStartDate] = useState23(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = useState23(/* @__PURE__ */ new Date());
-  const [startTime, setStartTime] = useState23(`${DefaultStartHour}:00`);
-  const [endTime, setEndTime] = useState23(`${DefaultEndHour}:00`);
-  const [allDay, setAllDay] = useState23(false);
-  const [location, setLocation] = useState23("");
-  const [color, setColor] = useState23("sky");
-  const [error, setError] = useState23(null);
-  const [startDateOpen, setStartDateOpen] = useState23(false);
-  const [endDateOpen, setEndDateOpen] = useState23(false);
+  const [title, setTitle] = useState24("");
+  const [description, setDescription] = useState24("");
+  const [startDate, setStartDate] = useState24(/* @__PURE__ */ new Date());
+  const [endDate, setEndDate] = useState24(/* @__PURE__ */ new Date());
+  const [startTime, setStartTime] = useState24(`${DefaultStartHour}:00`);
+  const [endTime, setEndTime] = useState24(`${DefaultEndHour}:00`);
+  const [allDay, setAllDay] = useState24(false);
+  const [location, setLocation] = useState24("");
+  const [color, setColor] = useState24("sky");
+  const [error, setError] = useState24(null);
+  const [startDateOpen, setStartDateOpen] = useState24(false);
+  const [endDateOpen, setEndDateOpen] = useState24(false);
   useEffect19(() => {
   }, [event]);
   const resetForm = useCallback13(() => {
@@ -12920,7 +13025,7 @@ function EventDialog({
     },
     exit: { opacity: 0, y: 8, scale: 0.995, transition: { duration: 0.12 } }
   };
-  return /* @__PURE__ */ jsx78(DialogBase, { onOpenChange: (open) => !open && onClose(), open: isOpen, children: /* @__PURE__ */ jsx78(DialogContentBase, { className: "sm:max-w-[425px]", children: /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsx78(DialogBase, { onOpenChange: (open) => !open && onClose(), open: isOpen, children: /* @__PURE__ */ jsx78(DialogContentBase, { className: "sm:max-w-[425px]", children: /* @__PURE__ */ jsxs58(
     motion16.div,
     {
       variants: dialogVariants2,
@@ -12928,13 +13033,13 @@ function EventDialog({
       animate: "visible",
       exit: "exit",
       children: [
-        /* @__PURE__ */ jsxs57(DialogHeaderBase, { children: [
+        /* @__PURE__ */ jsxs58(DialogHeaderBase, { children: [
           /* @__PURE__ */ jsx78(DialogTitleBase, { children: event?.id ? "Editar evento" : "Criar evento" }),
           /* @__PURE__ */ jsx78(DialogDescriptionBase, { className: "sr-only", children: event?.id ? "Edite os detalhes deste evento" : "Adicione um novo evento ao seu calend\xE1rio" })
         ] }),
         error && /* @__PURE__ */ jsx78("div", { className: "rounded-md bg-destructive/15 px-3 py-2 text-destructive text-sm", children: error }),
-        /* @__PURE__ */ jsxs57("div", { className: "grid gap-4 py-4", children: [
-          /* @__PURE__ */ jsxs57("div", { className: "*:not-first:mt-1.5", children: [
+        /* @__PURE__ */ jsxs58("div", { className: "grid gap-4 py-4", children: [
+          /* @__PURE__ */ jsxs58("div", { className: "*:not-first:mt-1.5", children: [
             /* @__PURE__ */ jsx78(
               LabelBase_default,
               {
@@ -12952,7 +13057,7 @@ function EventDialog({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs57("div", { className: "*:not-first:mt-1.5", children: [
+          /* @__PURE__ */ jsxs58("div", { className: "*:not-first:mt-1.5", children: [
             /* @__PURE__ */ jsx78(
               LabelBase_default,
               {
@@ -12971,8 +13076,8 @@ function EventDialog({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs57("div", { className: "flex gap-4", children: [
-            /* @__PURE__ */ jsxs57("div", { className: "flex-1 *:not-first:mt-1.5", children: [
+          /* @__PURE__ */ jsxs58("div", { className: "flex gap-4", children: [
+            /* @__PURE__ */ jsxs58("div", { className: "flex-1 *:not-first:mt-1.5", children: [
               /* @__PURE__ */ jsx78(
                 LabelBase_default,
                 {
@@ -12981,13 +13086,13 @@ function EventDialog({
                   children: "Data de in\xEDcio"
                 }
               ),
-              /* @__PURE__ */ jsxs57(
+              /* @__PURE__ */ jsxs58(
                 PopoverBase,
                 {
                   onOpenChange: setStartDateOpen,
                   open: startDateOpen,
                   children: [
-                    /* @__PURE__ */ jsx78(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs57(
+                    /* @__PURE__ */ jsx78(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs58(
                       ButtonBase,
                       {
                         className: cn(
@@ -13040,7 +13145,7 @@ function EventDialog({
                 }
               )
             ] }),
-            !allDay && /* @__PURE__ */ jsxs57("div", { className: "min-w-28 *:not-first:mt-1.5", children: [
+            !allDay && /* @__PURE__ */ jsxs58("div", { className: "min-w-28 *:not-first:mt-1.5", children: [
               /* @__PURE__ */ jsx78(
                 LabelBase_default,
                 {
@@ -13049,14 +13154,14 @@ function EventDialog({
                   children: "Hor\xE1rio de in\xEDcio"
                 }
               ),
-              /* @__PURE__ */ jsxs57(SelectBase, { onValueChange: setStartTime, value: startTime, children: [
+              /* @__PURE__ */ jsxs58(SelectBase, { onValueChange: setStartTime, value: startTime, children: [
                 /* @__PURE__ */ jsx78(SelectTriggerBase, { id: "start-time", children: /* @__PURE__ */ jsx78(SelectValueBase, { placeholder: "Selecionar hor\xE1rio" }) }),
                 /* @__PURE__ */ jsx78(SelectContentBase, { children: timeOptions.map((option) => /* @__PURE__ */ jsx78(SelectItemBase, { value: option.value, children: option.label }, option.value)) })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs57("div", { className: "flex gap-4", children: [
-            /* @__PURE__ */ jsxs57("div", { className: "flex-1 *:not-first:mt-1.5", children: [
+          /* @__PURE__ */ jsxs58("div", { className: "flex gap-4", children: [
+            /* @__PURE__ */ jsxs58("div", { className: "flex-1 *:not-first:mt-1.5", children: [
               /* @__PURE__ */ jsx78(
                 LabelBase_default,
                 {
@@ -13065,8 +13170,8 @@ function EventDialog({
                   children: "Data de t\xE9rmino"
                 }
               ),
-              /* @__PURE__ */ jsxs57(PopoverBase, { onOpenChange: setEndDateOpen, open: endDateOpen, children: [
-                /* @__PURE__ */ jsx78(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs57(
+              /* @__PURE__ */ jsxs58(PopoverBase, { onOpenChange: setEndDateOpen, open: endDateOpen, children: [
+                /* @__PURE__ */ jsx78(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs58(
                   ButtonBase,
                   {
                     className: cn(
@@ -13115,7 +13220,7 @@ function EventDialog({
                 ) })
               ] })
             ] }),
-            !allDay && /* @__PURE__ */ jsxs57("div", { className: "min-w-28 *:not-first:mt-1.5", children: [
+            !allDay && /* @__PURE__ */ jsxs58("div", { className: "min-w-28 *:not-first:mt-1.5", children: [
               /* @__PURE__ */ jsx78(
                 LabelBase_default,
                 {
@@ -13124,13 +13229,13 @@ function EventDialog({
                   children: "Hor\xE1rio de t\xE9rmino"
                 }
               ),
-              /* @__PURE__ */ jsxs57(SelectBase, { onValueChange: setEndTime, value: endTime, children: [
+              /* @__PURE__ */ jsxs58(SelectBase, { onValueChange: setEndTime, value: endTime, children: [
                 /* @__PURE__ */ jsx78(SelectTriggerBase, { id: "end-time", children: /* @__PURE__ */ jsx78(SelectValueBase, { placeholder: "Selecionar hor\xE1rio" }) }),
                 /* @__PURE__ */ jsx78(SelectContentBase, { children: timeOptions.map((option) => /* @__PURE__ */ jsx78(SelectItemBase, { value: option.value, children: option.label }, option.value)) })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx78("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs57(
+          /* @__PURE__ */ jsx78("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs58(
             ButtonBase,
             {
               "aria-pressed": allDay,
@@ -13150,7 +13255,7 @@ function EventDialog({
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs57("div", { className: "*:not-first:mt-1.5", children: [
+          /* @__PURE__ */ jsxs58("div", { className: "*:not-first:mt-1.5", children: [
             /* @__PURE__ */ jsx78(
               LabelBase_default,
               {
@@ -13168,7 +13273,7 @@ function EventDialog({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs57("fieldset", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs58("fieldset", { className: "space-y-4", children: [
             /* @__PURE__ */ jsx78("legend", { className: "font-medium text-foreground text-sm leading-none", children: "Cor do evento" }),
             /* @__PURE__ */ jsx78(
               RadioGroup3,
@@ -13196,7 +13301,7 @@ function EventDialog({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs57(DialogFooterBase, { className: "flex-row sm:justify-between", children: [
+        /* @__PURE__ */ jsxs58(DialogFooterBase, { className: "flex-row sm:justify-between", children: [
           event?.id && /* @__PURE__ */ jsx78(
             ButtonBase,
             {
@@ -13207,7 +13312,7 @@ function EventDialog({
               children: /* @__PURE__ */ jsx78(TrashIcon3, { "aria-hidden": "true", size: 16 })
             }
           ),
-          /* @__PURE__ */ jsxs57("div", { className: "flex flex-1 justify-end gap-2", children: [
+          /* @__PURE__ */ jsxs58("div", { className: "flex flex-1 justify-end gap-2", children: [
             /* @__PURE__ */ jsx78(ButtonBase, { onClick: onClose, variant: "outline", children: "Cancelar" }),
             /* @__PURE__ */ jsx78(ButtonBase, { onClick: handleSave, disabled: Boolean(error), children: "Salvar" })
           ] })
@@ -13218,11 +13323,11 @@ function EventDialog({
 }
 
 // src/components/event-calendar/EventItem.tsx
-import { differenceInMinutes as differenceInMinutes3, format as format7, getMinutes as getMinutes2, isPast } from "date-fns";
+import { differenceInMinutes as differenceInMinutes3, format as format7, isPast } from "date-fns";
 import { useMemo as useMemo13 } from "react";
-import { Fragment as Fragment11, jsx as jsx79, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx79, jsxs as jsxs59 } from "react/jsx-runtime";
 var formatTimeWithOptionalMinutes = (date) => {
-  return format7(date, getMinutes2(date) === 0 ? "ha" : "h:mma").toLowerCase();
+  return format7(date, "HH:mm");
 };
 function EventWrapper({
   event,
@@ -13324,7 +13429,7 @@ function EventItem({
         onClick,
         onMouseDown,
         onTouchStart,
-        children: children || /* @__PURE__ */ jsxs58("span", { className: "flex items-center gap-2 truncate", children: [
+        children: children || /* @__PURE__ */ jsxs59("span", { className: "flex items-center gap-2 truncate", children: [
           !event.allDay && /* @__PURE__ */ jsx79("span", { className: "truncate font-normal opacity-80 sm:text-[11px] bg-white/10 px-2 py-0.5 rounded-full text-[11px]", children: formatTimeWithOptionalMinutes(displayStart) }),
           /* @__PURE__ */ jsx79("span", { className: "truncate font-medium", children: event.title })
         ] })
@@ -13352,17 +13457,17 @@ function EventItem({
         onClick,
         onMouseDown,
         onTouchStart,
-        children: durationMinutes < 45 ? /* @__PURE__ */ jsxs58("div", { className: "flex items-center justify-between w-full", children: [
+        children: durationMinutes < 45 ? /* @__PURE__ */ jsxs59("div", { className: "flex items-center justify-between w-full", children: [
           /* @__PURE__ */ jsx79("div", { className: "truncate", children: event.title }),
           showTime && /* @__PURE__ */ jsx79("span", { className: "ml-2 inline-block bg-white/10 px-2 py-0.5 rounded-full text-[11px] opacity-90", children: formatTimeWithOptionalMinutes(displayStart) })
-        ] }) : /* @__PURE__ */ jsxs58(Fragment11, { children: [
+        ] }) : /* @__PURE__ */ jsxs59(Fragment11, { children: [
           /* @__PURE__ */ jsx79("div", { className: "truncate font-medium", children: event.title }),
           showTime && /* @__PURE__ */ jsx79("div", { className: "truncate font-normal opacity-70 sm:text-[11px]", children: /* @__PURE__ */ jsx79("span", { className: "inline-block bg-white/5 px-2 py-0.5 rounded-full", children: getEventTime() }) })
         ] })
       }
     );
   }
-  return /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs59(
     "button",
     {
       className: cn(
@@ -13380,14 +13485,14 @@ function EventItem({
       ...dndAttributes,
       children: [
         /* @__PURE__ */ jsx79("div", { className: "font-medium text-sm", children: event.title }),
-        /* @__PURE__ */ jsxs58("div", { className: "text-xs opacity-70 flex items-center gap-2", children: [
-          event.allDay ? /* @__PURE__ */ jsx79("span", { className: "uppercase", children: "All day" }) : /* @__PURE__ */ jsxs58("span", { className: "uppercase", children: [
+        /* @__PURE__ */ jsxs59("div", { className: "text-xs opacity-70 flex items-center gap-2", children: [
+          event.allDay ? /* @__PURE__ */ jsx79("span", { className: "uppercase", children: "All day" }) : /* @__PURE__ */ jsxs59("span", { className: "uppercase", children: [
             formatTimeWithOptionalMinutes(displayStart),
             " -",
             " ",
             formatTimeWithOptionalMinutes(displayEnd)
           ] }),
-          event.location && /* @__PURE__ */ jsxs58("span", { className: "opacity-80 flex items-center gap-1", children: [
+          event.location && /* @__PURE__ */ jsxs59("span", { className: "opacity-80 flex items-center gap-1", children: [
             "-",
             /* @__PURE__ */ jsx79("span", { className: "truncate", children: event.location })
           ] })
@@ -13416,7 +13521,7 @@ import { ptBR as ptBR6 } from "date-fns/locale";
 import { useEffect as useEffect20, useMemo as useMemo14, useRef as useRef11 } from "react";
 import { motion as motion17 } from "framer-motion";
 import { XIcon as XIcon11 } from "@phosphor-icons/react";
-import { jsx as jsx80, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs60 } from "react/jsx-runtime";
 function EventsPopup({
   date,
   events,
@@ -13466,7 +13571,7 @@ function EventsPopup({
     }
     return positionCopy;
   }, [position]);
-  return /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs60(
     motion17.div,
     {
       className: "absolute z-50 max-h-96 w-80 overflow-auto rounded-md border bg-background shadow-lg",
@@ -13480,7 +13585,7 @@ function EventsPopup({
       exit: { opacity: 0, scale: 0.98, y: -6 },
       transition: { duration: 0.18 },
       children: [
-        /* @__PURE__ */ jsxs59("div", { className: "sticky top-0 flex items-center justify-between border-b bg-background p-3", children: [
+        /* @__PURE__ */ jsxs60("div", { className: "sticky top-0 flex items-center justify-between border-b bg-background p-3", children: [
           /* @__PURE__ */ jsx80("h3", { className: "font-medium", children: (() => {
             const dayNum = format8(date, "d", { locale: ptBR6 });
             const month = format8(date, "MMMM", { locale: ptBR6 });
@@ -13491,7 +13596,7 @@ function EventsPopup({
           /* @__PURE__ */ jsx80(
             "button",
             {
-              "aria-label": "Close",
+              "aria-label": "Fechar",
               className: "rounded-full p-1 hover:bg-muted",
               onClick: onClose,
               type: "button",
@@ -13499,7 +13604,7 @@ function EventsPopup({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx80("div", { className: "space-y-2 p-3", children: events.length === 0 ? /* @__PURE__ */ jsx80("div", { className: "py-2 text-muted-foreground text-sm", children: "No events" }) : events.map((event) => {
+        /* @__PURE__ */ jsx80("div", { className: "space-y-2 p-3", children: events.length === 0 ? /* @__PURE__ */ jsx80("div", { className: "py-2 text-muted-foreground text-sm", children: "Nenhum evento" }) : events.map((event) => {
           const eventStart = new Date(event.start);
           const eventEnd = new Date(event.end);
           const isFirstDay = isSameDay2(date, eventStart);
@@ -13529,10 +13634,11 @@ function EventsPopup({
 
 // src/components/event-calendar/hooks/use-current-time-indicator.ts
 import { endOfWeek as endOfWeek2, isSameDay as isSameDay3, isWithinInterval, startOfWeek as startOfWeek2 } from "date-fns";
-import { useEffect as useEffect21, useState as useState24 } from "react";
+import { ptBR as ptBR7 } from "date-fns/locale";
+import { useEffect as useEffect21, useState as useState25 } from "react";
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = useState24(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = useState24(false);
+  const [currentTimePosition, setCurrentTimePosition] = useState25(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = useState25(false);
   useEffect21(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
@@ -13546,8 +13652,8 @@ function useCurrentTimeIndicator(currentDate, view) {
       if (view === "day") {
         isCurrentTimeVisible = isSameDay3(now, currentDate);
       } else if (view === "week") {
-        const startOfWeekDate = startOfWeek2(currentDate, { weekStartsOn: 0 });
-        const endOfWeekDate = endOfWeek2(currentDate, { weekStartsOn: 0 });
+        const startOfWeekDate = startOfWeek2(currentDate, { locale: ptBR7 });
+        const endOfWeekDate = endOfWeek2(currentDate, { locale: ptBR7 });
         isCurrentTimeVisible = isWithinInterval(now, {
           end: endOfWeekDate,
           start: startOfWeekDate
@@ -13564,14 +13670,14 @@ function useCurrentTimeIndicator(currentDate, view) {
 }
 
 // src/components/event-calendar/hooks/use-event-visibility.ts
-import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo15, useRef as useRef12, useState as useState25 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo15, useRef as useRef12, useState as useState26 } from "react";
 function useEventVisibility({
   eventHeight,
   eventGap
 }) {
   const contentRef = useRef12(null);
   const observerRef = useRef12(null);
-  const [contentHeight, setContentHeight] = useState25(null);
+  const [contentHeight, setContentHeight] = useState26(null);
   useLayoutEffect2(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
@@ -13622,9 +13728,9 @@ import {
   startOfMonth,
   startOfWeek as startOfWeek3
 } from "date-fns";
-import { ptBR as ptBR7 } from "date-fns/locale";
-import { useEffect as useEffect22, useMemo as useMemo16, useState as useState26 } from "react";
-import { jsx as jsx81, jsxs as jsxs60 } from "react/jsx-runtime";
+import { ptBR as ptBR8 } from "date-fns/locale";
+import { useEffect as useEffect22, useMemo as useMemo16, useState as useState27 } from "react";
+import { jsx as jsx81, jsxs as jsxs61 } from "react/jsx-runtime";
 function MonthView({
   currentDate,
   events,
@@ -13641,7 +13747,7 @@ function MonthView({
   const weekdays = useMemo16(() => {
     return Array.from({ length: 7 }).map((_, i) => {
       const date = addDays3(startOfWeek3(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
-      const short = format9(date, "EEE", { locale: ptBR7 });
+      const short = format9(date, "EEE", { locale: ptBR8 });
       return short.charAt(0).toUpperCase() + short.slice(1);
     });
   }, []);
@@ -13661,7 +13767,7 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = useState26(false);
+  const [isMounted, setIsMounted] = useState27(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
@@ -13669,7 +13775,7 @@ function MonthView({
   useEffect22(() => {
     setIsMounted(true);
   }, []);
-  return /* @__PURE__ */ jsxs60("div", { className: "contents", "data-slot": "month-view", children: [
+  return /* @__PURE__ */ jsxs61("div", { className: "contents", "data-slot": "month-view", children: [
     /* @__PURE__ */ jsx81("div", { className: "grid grid-cols-7 border-border/70 border-b", children: weekdays.map((day) => /* @__PURE__ */ jsx81(
       "div",
       {
@@ -13700,7 +13806,7 @@ function MonthView({
               className: "group border-border/70 border-r border-b last:border-r-0 data-outside-cell:bg-muted/25 data-outside-cell:text-muted-foreground/70 hover:bg-muted/5 transition-colors p-2",
               "data-outside-cell": !isCurrentMonth || void 0,
               "data-today": isToday2(day) || void 0,
-              children: /* @__PURE__ */ jsxs60(
+              children: /* @__PURE__ */ jsxs61(
                 DroppableCell,
                 {
                   date: day,
@@ -13712,7 +13818,7 @@ function MonthView({
                   },
                   children: [
                     /* @__PURE__ */ jsx81("div", { className: "mt-1 inline-flex w-7 h-7 items-center justify-center rounded-full text-sm font-semibold text-muted-foreground group-data-today:bg-primary group-data-today:text-primary-foreground", children: format9(day, "d") }),
-                    /* @__PURE__ */ jsxs60(
+                    /* @__PURE__ */ jsxs61(
                       "div",
                       {
                         className: "min-h-[calc((var(--event-height)+var(--event-gap))*2)] sm:min-h-[calc((var(--event-height)+var(--event-gap))*3)] lg:min-h-[calc((var(--event-height)+var(--event-gap))*4)] px-1 py-1",
@@ -13739,9 +13845,9 @@ function MonthView({
                                       isLastDay,
                                       onClick: (e) => handleEventClick(event, e),
                                       view: "month",
-                                      children: /* @__PURE__ */ jsxs60("div", { "aria-hidden": true, className: "invisible", children: [
-                                        !event.allDay && /* @__PURE__ */ jsxs60("span", { children: [
-                                          format9(new Date(event.start), "h:mm"),
+                                      children: /* @__PURE__ */ jsxs61("div", { "aria-hidden": true, className: "invisible", children: [
+                                        !event.allDay && /* @__PURE__ */ jsxs61("span", { children: [
+                                          format9(new Date(event.start), "HH:mm"),
                                           " "
                                         ] }),
                                         event.title
@@ -13771,8 +13877,8 @@ function MonthView({
                               event.id
                             );
                           }),
-                          hasMore && /* @__PURE__ */ jsxs60(PopoverBase, { modal: true, children: [
-                            /* @__PURE__ */ jsx81(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs60(
+                          hasMore && /* @__PURE__ */ jsxs61(PopoverBase, { modal: true, children: [
+                            /* @__PURE__ */ jsx81(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs61(
                               "button",
                               {
                                 className: "mt-[var(--event-gap)] flex h-[var(--event-height)] w-full select-none items-center overflow-hidden px-2 text-left text-[10px] text-muted-foreground outline-none backdrop-blur-md rounded-md transition hover:bg-muted/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 sm:text-xs",
@@ -13781,10 +13887,10 @@ function MonthView({
                                 "aria-label": `Show ${remainingCount} more events on ${format9(
                                   day,
                                   "PPP",
-                                  { locale: ptBR7 }
+                                  { locale: ptBR8 }
                                 )}`,
                                 children: [
-                                  /* @__PURE__ */ jsxs60("span", { className: "font-medium", children: [
+                                  /* @__PURE__ */ jsxs61("span", { className: "font-medium", children: [
                                     "+ ",
                                     remainingCount
                                   ] }),
@@ -13800,8 +13906,8 @@ function MonthView({
                                 style: {
                                   "--event-height": `${EventHeight}px`
                                 },
-                                children: /* @__PURE__ */ jsxs60("div", { className: "space-y-2", children: [
-                                  /* @__PURE__ */ jsx81("div", { className: "font-medium text-sm", children: format9(day, "EEE d", { locale: ptBR7 }) }),
+                                children: /* @__PURE__ */ jsxs61("div", { className: "space-y-2", children: [
+                                  /* @__PURE__ */ jsx81("div", { className: "font-medium text-sm", children: format9(day, "EEE d", { locale: ptBR8 }) }),
                                   /* @__PURE__ */ jsx81("div", { className: "space-y-1", children: sortEvents(allEvents).map((event) => {
                                     const eventStart = new Date(event.start);
                                     const eventEnd = new Date(event.end);
@@ -13930,16 +14036,16 @@ import {
   endOfWeek as endOfWeek4,
   format as format10,
   getHours as getHours2,
-  getMinutes as getMinutes3,
+  getMinutes as getMinutes2,
   isBefore as isBefore2,
   isSameDay as isSameDay6,
   isToday as isToday3,
   startOfDay as startOfDay2,
   startOfWeek as startOfWeek4
 } from "date-fns";
-import { ptBR as ptBR8 } from "date-fns/locale";
+import { ptBR as ptBR9 } from "date-fns/locale";
 import { useMemo as useMemo17 } from "react";
-import { jsx as jsx82, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs62 } from "react/jsx-runtime";
 function WeekView({
   currentDate,
   events,
@@ -14000,8 +14106,8 @@ function WeekView({
         const eventEnd = new Date(event.end);
         const adjustedStart = isSameDay6(day, eventStart) ? eventStart : dayStart;
         const adjustedEnd = isSameDay6(day, eventEnd) ? eventEnd : addHours2(dayStart, 24);
-        const startHour = getHours2(adjustedStart) + getMinutes3(adjustedStart) / 60;
-        const endHour = getHours2(adjustedEnd) + getMinutes3(adjustedEnd) / 60;
+        const startHour = getHours2(adjustedStart) + getMinutes2(adjustedStart) / 60;
+        const endHour = getHours2(adjustedEnd) + getMinutes2(adjustedEnd) / 60;
         const top = (startHour - StartHour) * WeekCellsHeight;
         const height = (endHour - startHour) * WeekCellsHeight;
         let columnIndex = 0;
@@ -14056,27 +14162,27 @@ function WeekView({
     currentDate,
     "week"
   );
-  return /* @__PURE__ */ jsxs61("div", { className: "flex h-full flex-col", "data-slot": "week-view", children: [
-    /* @__PURE__ */ jsxs61("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background/80 backdrop-blur-md", children: [
+  return /* @__PURE__ */ jsxs62("div", { className: "flex h-full flex-col", "data-slot": "week-view", children: [
+    /* @__PURE__ */ jsxs62("div", { className: "sticky top-0 z-30 grid grid-cols-8 border-border/70 border-b bg-background/80 backdrop-blur-md", children: [
       /* @__PURE__ */ jsx82("div", { className: "py-2 text-center text-muted-foreground/70 text-sm", children: /* @__PURE__ */ jsx82("span", { className: "max-[479px]:sr-only", children: format10(/* @__PURE__ */ new Date(), "O") }) }),
-      days.map((day) => /* @__PURE__ */ jsxs61(
+      days.map((day) => /* @__PURE__ */ jsxs62(
         "div",
         {
           className: "py-2 text-center text-muted-foreground/70 text-sm data-today:font-medium data-today:text-foreground",
           "data-today": isToday3(day) || void 0,
           children: [
-            /* @__PURE__ */ jsxs61("span", { "aria-hidden": "true", className: "sm:hidden", children: [
-              format10(day, "EEE", { locale: ptBR8 })[0],
+            /* @__PURE__ */ jsxs62("span", { "aria-hidden": "true", className: "sm:hidden", children: [
+              format10(day, "EEE", { locale: ptBR9 })[0],
               " ",
-              format10(day, "d", { locale: ptBR8 })
+              format10(day, "d", { locale: ptBR9 })
             ] }),
-            /* @__PURE__ */ jsx82("span", { className: "max-sm:hidden", children: format10(day, "EEE dd", { locale: ptBR8 }) })
+            /* @__PURE__ */ jsx82("span", { className: "max-sm:hidden", children: format10(day, "EEE dd", { locale: ptBR9 }) })
           ]
         },
         day.toString()
       ))
     ] }),
-    showAllDaySection && /* @__PURE__ */ jsx82("div", { className: "border-border/70 border-b bg-muted/50", children: /* @__PURE__ */ jsxs61("div", { className: "grid grid-cols-8", children: [
+    showAllDaySection && /* @__PURE__ */ jsx82("div", { className: "border-border/70 border-b bg-muted/50", children: /* @__PURE__ */ jsxs62("div", { className: "grid grid-cols-8", children: [
       /* @__PURE__ */ jsx82("div", { className: "relative border-border/70 border-r", children: /* @__PURE__ */ jsx82("span", { className: "absolute bottom-0 left-0 h-6 w-16 max-w-full pe-2 text-right text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: "All day" }) }),
       days.map((day, dayIndex) => {
         const dayAllDayEvents = allDayEvents.filter((event) => {
@@ -14124,16 +14230,16 @@ function WeekView({
         );
       })
     ] }) }),
-    /* @__PURE__ */ jsxs61("div", { className: "grid flex-1 grid-cols-8 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs62("div", { className: "grid flex-1 grid-cols-8 overflow-hidden", children: [
       /* @__PURE__ */ jsx82("div", { className: "grid auto-cols-fr border-border/70 border-r", children: hours.map((hour, index) => /* @__PURE__ */ jsx82(
         "div",
         {
           className: "relative min-h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
-          children: index > 0 && /* @__PURE__ */ jsx82("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: format10(hour, "h a") })
+          children: index > 0 && /* @__PURE__ */ jsx82("span", { className: "-top-3 absolute left-0 flex h-6 w-16 max-w-full items-center justify-end bg-background pe-2 text-[10px] text-muted-foreground/70 sm:pe-4 sm:text-xs", children: format10(hour, "HH:mm") })
         },
         hour.toString()
       )) }),
-      days.map((day, dayIndex) => /* @__PURE__ */ jsxs61(
+      days.map((day, dayIndex) => /* @__PURE__ */ jsxs62(
         "div",
         {
           className: "relative grid auto-cols-fr border-border/70 border-r last:border-r-0",
@@ -14169,7 +14275,7 @@ function WeekView({
               {
                 className: "pointer-events-none absolute right-0 left-0 z-20",
                 style: { top: `${currentTimePosition}%` },
-                children: /* @__PURE__ */ jsxs61("div", { className: "relative flex items-center", children: [
+                children: /* @__PURE__ */ jsxs62("div", { className: "relative flex items-center", children: [
                   /* @__PURE__ */ jsx82("div", { className: "-left-1 absolute h-2 w-2 rounded-full bg-primary" }),
                   /* @__PURE__ */ jsx82("div", { className: "h-[2px] w-full bg-primary" })
                 ] })
@@ -14219,10 +14325,10 @@ function WeekView({
 }
 
 // src/hooks/use-drag.tsx
-import { useState as useState27, useCallback as useCallback14, useRef as useRef13, useEffect as useEffect23 } from "react";
+import { useState as useState28, useCallback as useCallback14, useRef as useRef13, useEffect as useEffect23 } from "react";
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = useState27(null);
-  const [positions, setPositions] = useState27({});
+  const [isDragging, setIsDragging] = useState28(null);
+  const [positions, setPositions] = useState28({});
   const dragStartPos = useRef13(null);
   const dragId = useRef13(null);
   const handleMouseDown = useCallback14((id, e) => {
@@ -14376,6 +14482,7 @@ export {
   CopyButton,
   DateTimePicker,
   DayView,
+  DebouncedInput,
   DefaultEndHour,
   DefaultStartHour,
   DestructiveDialog,