@mlw-packages/react-components 1.7.8 → 1.7.10

package/dist/index.mjs

@@ -1789,21 +1789,28 @@ function Select({
   onChange,
   error,
   testIds = {},
-  disabled
+  disabled,
+  selected,
+  label,
+  labelClassname,
+  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,
     /* @__PURE__ */ jsxs13(
       SelectBase,
       {
-        onValueChange: onChange,
+        value: selected ?? void 0,
+        onValueChange: (v) => onChange(v),
         "data-testid": testIds.base ?? "select-base",
         children: [
           /* @__PURE__ */ jsx18(
             SelectTriggerBase,
             {
               className: cn(
-                "flex h-9 w-full content-start text-lg shadow-md",
-                error && "border-red-500"
+                "flex items-center gap-2 justify-between [&>div]:line-clamp-1 [&>span]:line-clamp-1 ",
+                error && "border-red-500",
+                className
               ),
               "data-testid": testIds.trigger ?? "select-trigger",
               disabled,
@@ -1832,7 +1839,7 @@ function Select({
                   SelectItemBase,
                   {
                     value: item.value,
-                    "data-testid": testIds.item?.(item.value) ?? `select-item-${item.value}`,
+                    "data-testid": testIds.item?.(String(item.value)) ?? `select-item-${item.value}`,
                     children: item.label
                   },
                   item.value
@@ -1844,7 +1851,7 @@ function Select({
             SelectItemBase,
             {
               value: item.value,
-              "data-testid": testIds.item?.(item.value) ?? `select-item-${item.value}`,
+              "data-testid": testIds.item?.(String(item.value)) ?? `select-item-${item.value}`,
               children: item.label
             },
             item.value
@@ -1857,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
@@ -1885,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 })
     ] });
   };
@@ -1904,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,
@@ -2160,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";
@@ -2183,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);
@@ -2339,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,
@@ -2448,7 +2474,7 @@ var Highlights = ({
                           isHighlighted ? "" : "opacity-0 pointer-events-none"
                         ),
                         style: { width: 18, height: 18 },
-                        children: /* @__PURE__ */ jsx22(CheckIcon5, {})
+                        children: /* @__PURE__ */ jsx22(CheckIcon6, {})
                       }
                     )
                   ]
@@ -2548,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";
@@ -2659,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 = [];
@@ -3513,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,
@@ -3567,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);
@@ -3582,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;
@@ -4310,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,
@@ -4323,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,
@@ -4402,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")
@@ -4985,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,
@@ -5002,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,
@@ -5028,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);
@@ -5581,7 +5607,7 @@ var defaultData2 = [
   { name: "Suporte", value: 1e3 },
   { name: "Outros", value: 800 }
 ];
-var DEFAULT_COLORS4 = [
+var DEFAULT_COLORS5 = [
   "#55af7d",
   // verde do projeto
   "#8e68ff",
@@ -5639,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,
@@ -5679,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);
@@ -5970,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,
@@ -6302,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,
                   {
@@ -7236,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"
+            }
+          )
+        ]
       }
     ) })
   }
@@ -7268,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,
@@ -7285,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 })
         ] }),
@@ -7315,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 });
 }
@@ -7324,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,
@@ -7370,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,
@@ -7407,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",
@@ -7425,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,
@@ -7442,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(
@@ -7457,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,
@@ -7527,7 +7568,7 @@ import {
   GearIcon,
   BellIcon,
   DotsThreeIcon as DotsThreeIcon2,
-  CheckIcon as CheckIcon8,
+  CheckIcon as CheckIcon9,
   FunnelIcon,
   HeartIcon,
   StarIcon,
@@ -8020,7 +8061,7 @@ var CheckButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ jsx49(
-      CheckIcon8,
+      CheckIcon9,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8273,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);
@@ -8321,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",
         {
@@ -8345,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,
@@ -8372,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",
                       {
@@ -8425,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 },
@@ -8448,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);
@@ -8592,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",
@@ -8622,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",
@@ -8822,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 });
 }
@@ -8898,7 +8939,7 @@ function BreadcrumbEllipsisBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "span",
     {
       "data-slot": "breadcrumb-ellipsis",
@@ -8916,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",
@@ -8975,7 +9016,7 @@ function NavigationMenuTriggerBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -8984,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"
@@ -9088,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;
@@ -9121,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" })
         ] }),
@@ -9189,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";
@@ -9317,7 +9358,7 @@ var SidebarBase = React38.forwardRef(
         }
       ) });
     }
-    return /* @__PURE__ */ jsxs42(
+    return /* @__PURE__ */ jsxs43(
       "div",
       {
         ref,
@@ -9367,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,
@@ -9623,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,
@@ -9683,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,
@@ -9754,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
 }) {
@@ -9796,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",
@@ -9876,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 = () => {
@@ -9935,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,
@@ -9952,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,
@@ -9975,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",
           {
@@ -10029,7 +10070,7 @@ var UniversalTooltipRenderer = ({
         )
       ] }, index);
     }),
-    tooltips.map((tooltip) => /* @__PURE__ */ jsxs44(
+    tooltips.map((tooltip) => /* @__PURE__ */ jsxs45(
       "div",
       {
         className: cn(
@@ -10043,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" })
             ] }),
@@ -10084,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,
@@ -10172,14 +10213,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
@@ -10322,7 +10363,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,
@@ -10409,7 +10450,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",
         {
@@ -10418,7 +10459,7 @@ var TimePickerInput = React41.forwardRef(
           children: getPickerLabel()
         }
       ),
-      /* @__PURE__ */ jsxs46(
+      /* @__PURE__ */ jsxs47(
         "div",
         {
           className: cn(
@@ -10445,7 +10486,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",
                 {
@@ -10509,7 +10550,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" })
               }
             )
           ]
@@ -10521,7 +10562,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,
@@ -10546,7 +10587,7 @@ function TimePicker({
     hidden: { opacity: 0, y: 10 },
     visible: { opacity: 1, y: 0 }
   };
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs48(
     motion14.div,
     {
       variants: containerVariants,
@@ -10619,7 +10660,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,
@@ -10633,9 +10674,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) {
@@ -10669,16 +10710,16 @@ 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",
@@ -10713,7 +10754,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,
               {
@@ -10728,13 +10769,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 ", 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",
@@ -10763,7 +10804,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,
@@ -10810,7 +10851,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,
@@ -10834,23 +10875,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", {
@@ -10863,7 +10910,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" })
                 }
               )
             ]
@@ -10877,7 +10924,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 },
@@ -10947,7 +10994,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,
                   {
@@ -11013,8 +11060,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 });
 }
@@ -11039,7 +11086,7 @@ function ContextMenuSubTriggerBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     ContextMenuPrimitive.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
@@ -11135,7 +11182,7 @@ function ContextMenuCheckboxItemBase({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     ContextMenuPrimitive.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
@@ -11150,7 +11197,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
       ]
     }
@@ -11161,7 +11208,7 @@ function ContextMenuRadioItemBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     ContextMenuPrimitive.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
@@ -11227,7 +11274,7 @@ function ContextMenuShortcutBase({
 import {
   ArrowRightIcon as ArrowRightIcon3,
   ArrowsOutIcon,
-  CheckIcon as CheckIcon10,
+  CheckIcon as CheckIcon11,
   CodeIcon,
   CopyIcon as CopyIcon2,
   DownloadIcon,
@@ -11238,7 +11285,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,
@@ -11332,23 +11379,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",
                   {
@@ -11368,8 +11415,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`,
@@ -11382,7 +11429,7 @@ var CodeBlock = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs51("div", { className: "flex", children: [
+            /* @__PURE__ */ jsxs52("div", { className: "flex", children: [
               /* @__PURE__ */ jsx69(
                 "button",
                 {
@@ -11408,7 +11455,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))" }
@@ -11427,7 +11474,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),
@@ -11453,7 +11500,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",
@@ -11504,7 +11551,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]",
@@ -11514,18 +11561,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" })
               ] })
@@ -11538,7 +11585,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",
@@ -11576,7 +11623,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),
@@ -11588,7 +11635,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",
       {
@@ -11605,16 +11652,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,
@@ -11635,14 +11734,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",
@@ -11685,7 +11784,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";
@@ -11702,21 +11801,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, {
@@ -11875,7 +11974,7 @@ function CalendarDndProvider({
       onDragOver: handleDragOver,
       onDragStart: handleDragStart,
       sensors,
-      children: /* @__PURE__ */ jsxs54(
+      children: /* @__PURE__ */ jsxs55(
         CalendarDndContext.Provider,
         {
           value: {
@@ -11942,7 +12041,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,
@@ -12045,8 +12144,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);
@@ -12067,16 +12166,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",
           {
@@ -12106,7 +12205,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" })
             ] })
@@ -12156,7 +12255,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,
@@ -12172,7 +12271,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;
@@ -12307,7 +12406,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,
@@ -12316,7 +12415,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,
@@ -12325,9 +12424,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) => {
@@ -12340,8 +12439,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;
@@ -12359,8 +12458,8 @@ function EventCalendar({
     },
     []
   );
-  const [isEventDialogOpen, setIsEventDialogOpen] = useState22(false);
-  const [selectedEvent, setSelectedEvent] = useState22(
+  const [isEventDialogOpen, setIsEventDialogOpen] = useState23(false);
+  const [selectedEvent, setSelectedEvent] = useState23(
     null
   );
   useEffect18(() => {
@@ -12519,7 +12618,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 })
@@ -12546,8 +12645,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(
@@ -12555,8 +12654,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!",
@@ -12575,7 +12674,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,
                     {
@@ -12599,15 +12698,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",
@@ -12638,26 +12737,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!",
@@ -12683,7 +12782,7 @@ function EventCalendar({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs56(
+        /* @__PURE__ */ jsxs57(
           "div",
           {
             className: cn(
@@ -12750,12 +12849,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,
@@ -12763,18 +12862,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(() => {
@@ -12913,7 +13012,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,
@@ -12921,13 +13020,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,
               {
@@ -12945,7 +13044,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,
               {
@@ -12964,8 +13063,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,
                 {
@@ -12974,13 +13073,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(
@@ -13033,7 +13132,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,
                 {
@@ -13042,14 +13141,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,
                 {
@@ -13058,8 +13157,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(
@@ -13108,7 +13207,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,
                 {
@@ -13117,13 +13216,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,
@@ -13143,7 +13242,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,
               {
@@ -13161,7 +13260,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,
@@ -13189,7 +13288,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,
             {
@@ -13200,7 +13299,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" })
           ] })
@@ -13211,11 +13310,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,
@@ -13317,7 +13416,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 })
         ] })
@@ -13345,17 +13444,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(
@@ -13373,14 +13472,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 })
           ] })
@@ -13409,7 +13508,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,
@@ -13459,7 +13558,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",
@@ -13473,7 +13572,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 });
@@ -13484,7 +13583,7 @@ function EventsPopup({
           /* @__PURE__ */ jsx80(
             "button",
             {
-              "aria-label": "Close",
+              "aria-label": "Fechar",
               className: "rounded-full p-1 hover:bg-muted",
               onClick: onClose,
               type: "button",
@@ -13492,7 +13591,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);
@@ -13522,10 +13621,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();
@@ -13539,8 +13639,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
@@ -13557,14 +13657,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 = () => {
@@ -13615,9 +13715,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,
@@ -13634,7 +13734,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);
     });
   }, []);
@@ -13654,7 +13754,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
@@ -13662,7 +13762,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",
       {
@@ -13693,7 +13793,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,
@@ -13705,7 +13805,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",
@@ -13732,9 +13832,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
@@ -13764,8 +13864,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",
@@ -13774,10 +13874,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
                                   ] }),
@@ -13793,8 +13893,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);
@@ -13923,16 +14023,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,
@@ -13993,8 +14093,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;
@@ -14049,27 +14149,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) => {
@@ -14117,16 +14217,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",
@@ -14162,7 +14262,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" })
                 ] })
@@ -14212,10 +14312,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) => {
@@ -14369,6 +14469,7 @@ export {
   CopyButton,
   DateTimePicker,
   DayView,
+  DebouncedInput,
   DefaultEndHour,
   DefaultStartHour,
   DestructiveDialog,