@mlw-packages/react-components 1.7.9 → 1.7.10

package/dist/index.js

@@ -566,6 +566,7 @@ __export(index_exports, {
   CopyButton: () => CopyButton,
   DateTimePicker: () => DateTimePicker,
   DayView: () => DayView,
+  DebouncedInput: () => DebouncedInput,
   DefaultEndHour: () => DefaultEndHour,
   DefaultStartHour: () => DefaultStartHour,
   DestructiveDialog: () => DestructiveDialog,
@@ -2197,7 +2198,21 @@ function Select({
 
 // src/components/selects/AvatarSelect.tsx
 var import_react15 = require("react");
+var import_react16 = require("@phosphor-icons/react");
 var import_jsx_runtime19 = require("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
@@ -2224,13 +2239,18 @@ function AvatarSelect({
   selected,
   label,
   labelClassname,
-  className
+  className,
+  colors: colors2
 }) {
+  const [open, setOpen] = (0, import_react15.useState)(false);
   const id = (0, import_react15.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__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Square, { className: item.avatarClassName, children: avatarContent }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Square, { className: colorClass, children: avatarContent }),
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate", children: item.label })
     ] });
   };
@@ -2243,95 +2263,95 @@ function AvatarSelect({
         children: label
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-      SelectBase,
-      {
-        value: selected ?? void 0,
-        onValueChange: (v) => onChange(v),
-        "data-testid": testIds.base ?? "avatar-select-base",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            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__ */ (0, import_jsx_runtime19.jsx)(
-                SelectValueBase,
-                {
-                  placeholder,
-                  "data-testid": testIds.value ?? "avatar-select-value"
-                }
-              )
-            }
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        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__ */ (0, import_jsx_runtime19.jsx)(
-            ScrollAreaBase,
-            {
-              "data-testid": testIds.scrollarea ?? "avatar-select-scrollarea",
-              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                SelectContentBase,
+          disabled,
+          "data-testid": testIds.trigger ?? "avatar-select-trigger",
+          children: [
+            selectedItem ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "flex items-center gap-2 truncate", children: renderItem(selectedItem) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-muted-foreground", children: placeholder }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react16.CaretDownIcon, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        PopoverContentBase,
+        {
+          className: "w-[--radix-popover-trigger-width] p-0",
+          align: "start",
+          "data-testid": testIds.content ?? "avatar-select-content",
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(CommandBase, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CommandInputBase, { placeholder: "Search..." }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(CommandListBase, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CommandEmptyBase, { children: "No results found." }),
+              groupItems ? Object.keys(groupItems).map((key) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CommandGroupBase, { heading: key, children: groupItems[key].map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                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__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-                    SelectGroupBase,
-                    {
-                      "data-testid": testIds.group ?? "avatar-select-group",
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                          SelectLabelBase,
-                          {
-                            className: "ps-2",
-                            "data-testid": testIds.label ?? "avatar-select-label",
-                            children: key
-                          }
-                        ),
-                        groupItems[key].map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                          SelectItemBase,
-                          {
-                            value: item.value,
-                            "data-testid": testIds.item?.(String(item.value)) ?? `avatar-select-item-${item.value}`,
-                            children: renderItem(item)
-                          },
-                          item.value
-                        ))
-                      ]
-                    },
-                    key
-                  )) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                    SelectGroupBase,
-                    {
-                      "data-testid": testIds.group ?? "avatar-select-group",
-                      children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                        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__ */ (0, import_jsx_runtime19.jsx)(
+                      import_react16.CheckIcon,
+                      {
+                        className: cn(
+                          "ml-auto h-4 w-4",
+                          selected === item.value ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    )
+                  ]
+                },
+                item.value
+              )) }, key)) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CommandGroupBase, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                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__ */ (0, import_jsx_runtime19.jsx)(
+                      import_react16.CheckIcon,
+                      {
+                        className: cn(
+                          "ml-auto h-4 w-4",
+                          selected === item.value ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    )
+                  ]
+                },
+                item.value
+              )) })
+            ] })
+          ] })
+        }
+      )
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ErrorMessage_default, { error })
   ] });
 }
 
 // src/components/charts/Chart.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_recharts = require("recharts");
 
 // src/components/charts/utils/helpers.ts
@@ -2478,7 +2498,7 @@ var resolveChartMargins = (margins, chartMargins, showLabels) => {
 var import_sonner = require("sonner");
 
 // src/components/charts/components/controls/PeriodsDropdown.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_framer_motion6 = require("framer-motion");
 var import_ssr = require("@phosphor-icons/react/dist/ssr");
 var import_ssr2 = require("@phosphor-icons/react/dist/ssr");
@@ -2501,11 +2521,11 @@ function PeriodsDropdown({
   activePeriods
 }) {
   const periods = processedData.map((d) => String(d.name));
-  const [open, setOpen] = (0, import_react16.useState)(false);
-  const wrapperRef = (0, import_react16.useRef)(null);
-  const firstItemRef = (0, import_react16.useRef)(null);
-  const listRef = (0, import_react16.useRef)(null);
-  (0, import_react16.useEffect)(() => {
+  const [open, setOpen] = (0, import_react17.useState)(false);
+  const wrapperRef = (0, import_react17.useRef)(null);
+  const firstItemRef = (0, import_react17.useRef)(null);
+  const listRef = (0, import_react17.useRef)(null);
+  (0, import_react17.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (!wrapperRef.current) return;
       if (!wrapperRef.current.contains(e.target)) setOpen(false);
@@ -2520,7 +2540,7 @@ function PeriodsDropdown({
       document.removeEventListener("keydown", handleEscape);
     };
   }, []);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (open && firstItemRef.current) {
       firstItemRef.current.focus();
     }
@@ -2613,7 +2633,7 @@ var PeriodsDropdown_default = PeriodsDropdown;
 
 // src/components/charts/components/controls/ShowOnly.tsx
 var import_framer_motion7 = require("framer-motion");
-var import_react17 = require("@phosphor-icons/react");
+var import_react18 = require("@phosphor-icons/react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var ShowOnly = ({
   showOnlyHighlighted,
@@ -2642,10 +2662,10 @@ var ShowOnly = ({
             !hasHighlights ? "opacity-60 cursor-not-allowed pointer-events-none" : showOnlyHighlighted ? "bg-primary/10 text-primary shadow-sm border border-primary/20" : "bg-transparent text-muted-foreground border border-transparent hover:bg-muted/10 hover:text-foreground"
           ),
           children: showOnlyHighlighted ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react17.EyeSlash, { size: 16, weight: "regular" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react18.EyeSlash, { size: 16, weight: "regular" }),
             /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sr-only", children: "Exibir todos" })
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react17.Eye, { size: 16, weight: "bold" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react18.Eye, { size: 16, weight: "bold" }),
             /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sr-only", children: "Mostrar somente destacados" })
           ] })
         }
@@ -2863,9 +2883,9 @@ var CloseAllButton = ({
 var CloseAllButton_default = CloseAllButton;
 
 // src/components/charts/components/tooltips/DraggableTooltip.tsx
-var import_react18 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var import_framer_motion9 = require("framer-motion");
-var import_react19 = require("@phosphor-icons/react");
+var import_react20 = require("@phosphor-icons/react");
 var import_ssr5 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var ALIGNMENT_THRESHOLD = 25;
@@ -2944,12 +2964,12 @@ var DraggableTooltipComponent = ({
   valueFormatter: valueFormatter2,
   categoryFormatter
 }) => {
-  const visibleKeys = (0, import_react18.useMemo)(
+  const visibleKeys = (0, import_react19.useMemo)(
     () => showOnlyHighlighted && highlightedSeries && highlightedSeries.size > 0 ? dataKeys.filter((k) => highlightedSeries.has(k)) : dataKeys,
     [showOnlyHighlighted, highlightedSeries, dataKeys]
   );
-  const TotalDisplay = import_react18.default.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
-    const total = (0, import_react18.useMemo)(() => {
+  const TotalDisplay = import_react19.default.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
+    const total = (0, import_react19.useMemo)(() => {
       const numeric = visibleKeys2.map((k) => data2[k]).filter((v) => typeof v === "number");
       return numeric.reduce((s, v) => s + (v || 0), 0);
     }, [data2, visibleKeys2]);
@@ -2971,14 +2991,14 @@ var DraggableTooltipComponent = ({
       )
     ] });
   });
-  const [localPos, setLocalPos] = (0, import_react18.useState)(position);
-  const [dragging, setDragging] = (0, import_react18.useState)(false);
-  const offsetRef = (0, import_react18.useRef)({ x: 0, y: 0 });
-  const lastMouse = (0, import_react18.useRef)({ x: 0, y: 0 });
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react18.useState)([]);
-  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = (0, import_react18.useState)(0);
-  (0, import_react18.useEffect)(() => setLocalPos(position), [position]);
-  const getAllTooltips = (0, import_react18.useCallback)(() => {
+  const [localPos, setLocalPos] = (0, import_react19.useState)(position);
+  const [dragging, setDragging] = (0, import_react19.useState)(false);
+  const offsetRef = (0, import_react19.useRef)({ x: 0, y: 0 });
+  const lastMouse = (0, import_react19.useRef)({ x: 0, y: 0 });
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react19.useState)([]);
+  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = (0, import_react19.useState)(0);
+  (0, import_react19.useEffect)(() => setLocalPos(position), [position]);
+  const getAllTooltips = (0, import_react19.useCallback)(() => {
     const response = [];
     const ev = new CustomEvent("requestGlobalTooltips", {
       detail: { requesterId: id, response }
@@ -2986,7 +3006,7 @@ var DraggableTooltipComponent = ({
     window.dispatchEvent(ev);
     return response;
   }, [id]);
-  const updateAlignmentGuides = (0, import_react18.useCallback)(
+  const updateAlignmentGuides = (0, import_react19.useCallback)(
     (currentPosition) => {
       const allTooltips = getAllTooltips();
       const otherTooltips = allTooltips.filter((t) => t.id !== id);
@@ -3035,7 +3055,7 @@ var DraggableTooltipComponent = ({
     },
     [getAllTooltips, id]
   );
-  const snapToGuides = (0, import_react18.useCallback)(
+  const snapToGuides = (0, import_react19.useCallback)(
     (position2) => {
       const snappedPosition = { ...position2 };
       let hasSnapped = false;
@@ -3082,7 +3102,7 @@ var DraggableTooltipComponent = ({
     },
     [alignmentGuides]
   );
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
       if (!dragging) return;
@@ -3124,7 +3144,7 @@ var DraggableTooltipComponent = ({
       document.body.style.userSelect = "";
     };
   }, [dragging, snapToGuides, updateAlignmentGuides, id, onPositionChange]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const handleCloseAll = () => onClose(id);
     const handleRequestTooltipCount = () => {
       window.dispatchEvent(
@@ -3155,7 +3175,7 @@ var DraggableTooltipComponent = ({
       });
     };
   }, [id, localPos, onClose]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (dragging) return;
     let total = 0;
     const timeoutId = setTimeout(() => {
@@ -3173,7 +3193,7 @@ var DraggableTooltipComponent = ({
     }, 0);
     return () => clearTimeout(timeoutId);
   }, [localPos, dragging]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const recount = () => {
       if (dragging) return;
       let total = 0;
@@ -3191,7 +3211,7 @@ var DraggableTooltipComponent = ({
     window.addEventListener("recountTooltips", recount);
     return () => window.removeEventListener("recountTooltips", recount);
   }, [dragging]);
-  const handleMouseDownLocal = (0, import_react18.useCallback)(
+  const handleMouseDownLocal = (0, import_react19.useCallback)(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -3202,7 +3222,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleTouchStartLocal = (0, import_react18.useCallback)(
+  const handleTouchStartLocal = (0, import_react19.useCallback)(
     (e) => {
       e.stopPropagation();
       const touch = e.touches[0];
@@ -3217,7 +3237,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleCloseClick = (0, import_react18.useCallback)(
+  const handleCloseClick = (0, import_react19.useCallback)(
     (e) => {
       e.stopPropagation();
       onClose(id);
@@ -3333,7 +3353,7 @@ var DraggableTooltipComponent = ({
               onTouchStart: handleTouchStartLocal,
               style: { touchAction: "none" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react19.DotsSixVerticalIcon, { size: 16 }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react20.DotsSixVerticalIcon, { size: 16 }),
                 /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex flex-col gap-1", children: title && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex items-center gap-2 pb-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "font-bold text-foreground text-base", children: title }) }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   "button",
@@ -3363,7 +3383,7 @@ var DraggableTooltipComponent = ({
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "p-3 pt-2 space-y-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2", children: dataLabel }),
-            (0, import_react18.useMemo)(
+            (0, import_react19.useMemo)(
               () => visibleKeys.map((key) => {
                 const value = data[key];
                 if (value === void 0) return null;
@@ -3481,7 +3501,7 @@ var DraggableTooltipComponent = ({
     )
   ] });
 };
-var DraggableTooltip = import_react18.default.memo(DraggableTooltipComponent);
+var DraggableTooltip = import_react19.default.memo(DraggableTooltipComponent);
 DraggableTooltip.displayName = "DraggableTooltip";
 var DraggableTooltip_default = DraggableTooltip;
 
@@ -3825,14 +3845,14 @@ var pillLabelRenderer_default = renderPillLabel;
 
 // src/components/charts/Chart.tsx
 var import_jsx_runtime28 = require("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,
@@ -3855,7 +3875,7 @@ var Chart = ({
   formatBR = false,
   chartMargin
 }) => {
-  const smartConfig = (0, import_react20.useMemo)(() => {
+  const smartConfig = (0, import_react21.useMemo)(() => {
     const resolvedXAxisKey = typeof xAxis === "string" ? xAxis : xAxis && xAxis.dataKey || detectXAxis(data);
     const xAxisConfig2 = typeof xAxis === "string" ? {
       dataKey: resolvedXAxisKey,
@@ -3879,12 +3899,12 @@ var Chart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = (0, import_react20.useState)([]);
-  const [highlightedSeries, setHighlightedSeries] = (0, import_react20.useState)(
+  const [activeTooltips, setActiveTooltips] = (0, import_react21.useState)([]);
+  const [highlightedSeries, setHighlightedSeries] = (0, import_react21.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react20.useState)(false);
-  (0, import_react20.useEffect)(() => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react21.useState)(false);
+  (0, import_react21.useEffect)(() => {
     if (highlightedSeries.size === 0 && showOnlyHighlighted) {
       setShowOnlyHighlighted(false);
     }
@@ -3893,9 +3913,9 @@ var Chart = ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
   }));
-  const wrapperRef = (0, import_react20.useRef)(null);
-  const [measuredWidth, setMeasuredWidth] = (0, import_react20.useState)(null);
-  (0, import_react20.useLayoutEffect)(() => {
+  const wrapperRef = (0, import_react21.useRef)(null);
+  const [measuredWidth, setMeasuredWidth] = (0, import_react21.useState)(null);
+  (0, import_react21.useLayoutEffect)(() => {
     const el = wrapperRef.current;
     if (!el) return;
     const ro = new ResizeObserver((entries) => {
@@ -3922,7 +3942,7 @@ var Chart = ({
     );
   }
   const allKeys = seriesOrder.map((s) => s.key).filter(Boolean);
-  const generateColors = (0, import_react20.useCallback)(
+  const generateColors = (0, import_react21.useCallback)(
     (dataKeys) => {
       const colorMap = {};
       const allColors = generateAdditionalColors(colors2, dataKeys.length);
@@ -3933,25 +3953,25 @@ var Chart = ({
     },
     [colors2, mapperConfig]
   );
-  const finalColors = (0, import_react20.useMemo)(
+  const finalColors = (0, import_react21.useMemo)(
     () => generateColors(allKeys),
     [generateColors, allKeys]
   );
-  const adaptDataForTooltip = (0, import_react20.useCallback)(
+  const adaptDataForTooltip = (0, import_react21.useCallback)(
     (universalData) => ({
       ...universalData,
       name: String(universalData[xAxisConfig.dataKey] || "N/A")
     }),
     [xAxisConfig.dataKey]
   );
-  const activePeriods = (0, import_react20.useMemo)(
+  const activePeriods = (0, import_react21.useMemo)(
     () => activeTooltips.map((t) => adaptDataForTooltip(t.data).name),
     [activeTooltips, adaptDataForTooltip]
   );
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     window.dispatchEvent(new Event("recountTooltips"));
   }, [activeTooltips.length]);
-  const toggleHighlight = (0, import_react20.useCallback)((key) => {
+  const toggleHighlight = (0, import_react21.useCallback)((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -3959,7 +3979,7 @@ var Chart = ({
       return next;
     });
   }, []);
-  const maxDataValue = (0, import_react20.useMemo)(() => {
+  const maxDataValue = (0, import_react21.useMemo)(() => {
     let max = 0;
     const numericKeys = allKeys;
     for (const row of processedData) {
@@ -3971,7 +3991,7 @@ var Chart = ({
     }
     return max;
   }, [processedData, allKeys]);
-  const minDataValue = (0, import_react20.useMemo)(() => {
+  const minDataValue = (0, import_react21.useMemo)(() => {
     let min = 0;
     const numericKeys = allKeys;
     for (const row of processedData) {
@@ -3984,7 +4004,7 @@ var Chart = ({
     }
     return min;
   }, [processedData, allKeys]);
-  const niceMax = (0, import_react20.useMemo)(() => {
+  const niceMax = (0, import_react21.useMemo)(() => {
     let padding = 0.08;
     if (maxDataValue > 1e6) padding = 0.05;
     if (maxDataValue > 1e7) padding = 0.03;
@@ -3992,7 +4012,7 @@ var Chart = ({
     const padded = maxDataValue * (1 + padding);
     return niceCeil(padded);
   }, [maxDataValue]);
-  const computedWidth = (0, import_react20.useMemo)(() => {
+  const computedWidth = (0, import_react21.useMemo)(() => {
     if (typeof width === "number") return width;
     const points = Math.max(1, processedData.length);
     const barCount = series?.bar?.length ?? 0;
@@ -4021,7 +4041,7 @@ var Chart = ({
     series?.area?.length,
     niceMax
   ]);
-  const toggleTooltip = (0, import_react20.useCallback)(
+  const toggleTooltip = (0, import_react21.useCallback)(
     (tooltipId, data2, basePosition) => {
       const existingIndex = activeTooltips.findIndex((t) => t.id === tooltipId);
       if (existingIndex !== -1) {
@@ -4050,7 +4070,7 @@ var Chart = ({
     },
     [activeTooltips, maxTooltips]
   );
-  const handleChartClick = (0, import_react20.useCallback)(
+  const handleChartClick = (0, import_react21.useCallback)(
     (e) => {
       if (!enableDraggableTooltips) return;
       const ev = e;
@@ -4068,7 +4088,7 @@ var Chart = ({
     },
     [enableDraggableTooltips, xAxisConfig.dataKey, toggleTooltip]
   );
-  const handleBarClick = (0, import_react20.useCallback)(
+  const handleBarClick = (0, import_react21.useCallback)(
     (data2, index, event) => {
       if (!enableDraggableTooltips) return;
       event.stopPropagation();
@@ -4082,7 +4102,7 @@ var Chart = ({
     },
     [enableDraggableTooltips, xAxisConfig.dataKey, toggleTooltip]
   );
-  const handleSeriesClick = (0, import_react20.useCallback)(
+  const handleSeriesClick = (0, import_react21.useCallback)(
     (...args) => {
       if (args.length >= 3) {
         const [data2, index, event] = args;
@@ -4093,7 +4113,7 @@ var Chart = ({
     },
     [handleBarClick, handleChartClick]
   );
-  const onTooltipPositionChange = (0, import_react20.useCallback)(
+  const onTooltipPositionChange = (0, import_react21.useCallback)(
     (id, position) => {
       setActiveTooltips(
         (prev) => prev.map((t) => t.id === id ? { ...t, position } : t)
@@ -4101,11 +4121,11 @@ var Chart = ({
     },
     []
   );
-  const titleClassName = (0, import_react20.useMemo)(
+  const titleClassName = (0, import_react21.useMemo)(
     () => "text-xl font-semibold text-foreground mb-3",
     []
   );
-  const finalValueFormatter = (0, import_react20.useMemo)(() => {
+  const finalValueFormatter = (0, import_react21.useMemo)(() => {
     const nf = new Intl.NumberFormat("pt-BR", {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -4145,7 +4165,7 @@ var Chart = ({
     };
     return builtIn;
   }, [valueFormatter2, formatBR]);
-  const yTickFormatter = (0, import_react20.useMemo)(() => {
+  const yTickFormatter = (0, import_react21.useMemo)(() => {
     const nf = new Intl.NumberFormat("pt-BR", {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -4183,7 +4203,7 @@ var Chart = ({
   const measuredInner = measuredWidth ? Math.max(0, measuredWidth - 32) : void 0;
   const effectiveChartWidth = typeof width === "number" ? width : measuredInner ?? computedWidth;
   const chartInnerWidth = effectiveChartWidth - finalChartLeftMargin - finalChartRightMargin;
-  const openTooltipForPeriod = (0, import_react20.useCallback)(
+  const openTooltipForPeriod = (0, import_react21.useCallback)(
     (periodName) => {
       if (!enableDraggableTooltips) return;
       const row = processedData.find((r) => String(r.name) === periodName);
@@ -4622,16 +4642,16 @@ var Chart = ({
 var Chart_default = Chart;
 
 // src/components/charts/BarChart.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_recharts2 = require("recharts");
 var import_jsx_runtime29 = require("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,
@@ -4654,7 +4674,7 @@ var BarChart = ({
     containerPaddingLeft,
     16
   );
-  const smartConfig = (0, import_react21.useMemo)(() => {
+  const smartConfig = (0, import_react22.useMemo)(() => {
     const providedMapper = yAxis ?? mapper;
     if (autoDetect === true || xAxis == null || providedMapper == null) {
       const detectedXAxis = detectXAxis(data);
@@ -4704,14 +4724,14 @@ var BarChart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, mapper, yAxis, autoDetect, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = (0, import_react21.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react21.useState)(null);
-  const [dragOffset, setDragOffset] = (0, import_react21.useState)({
+  const [activeTooltips, setActiveTooltips] = (0, import_react22.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react22.useState)(null);
+  const [dragOffset, setDragOffset] = (0, import_react22.useState)({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react21.useState)(0);
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react21.useState)([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react22.useState)(0);
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react22.useState)([]);
   const processedData = data.map((item) => ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
@@ -4734,7 +4754,7 @@ var BarChart = ({
       // Garantir que tem a propriedade 'name'
     };
   };
-  const maxDataValue = (0, import_react21.useMemo)(() => {
+  const maxDataValue = (0, import_react22.useMemo)(() => {
     let max = 0;
     const keys = Object.keys(mapperConfig);
     for (const row of processedData) {
@@ -4747,7 +4767,7 @@ var BarChart = ({
     }
     return max;
   }, [processedData, mapperConfig]);
-  const niceMax = (0, import_react21.useMemo)(() => {
+  const niceMax = (0, import_react22.useMemo)(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -4788,7 +4808,7 @@ var BarChart = ({
   const GUIDE_THRESHOLD2 = 60;
   const STRONG_SNAP_THRESHOLD2 = 35;
   const PRECISION_SNAP_THRESHOLD2 = 8;
-  const updateAlignmentGuides = (0, import_react21.useCallback)(
+  const updateAlignmentGuides = (0, import_react22.useCallback)(
     (draggedTooltipId, currentPosition) => {
       if (!isDragging) return;
       const getAllTooltips = () => {
@@ -4852,7 +4872,7 @@ var BarChart = ({
     },
     [isDragging, activeTooltips]
   );
-  const snapToGuides = (0, import_react21.useCallback)(
+  const snapToGuides = (0, import_react22.useCallback)(
     (position) => {
       const snappedPosition = { ...position };
       let hasSnapped = false;
@@ -4914,7 +4934,7 @@ var BarChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -4972,7 +4992,7 @@ var BarChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const handleCloseAllTooltips = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -4982,7 +5002,7 @@ var BarChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips);
     };
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -5021,7 +5041,7 @@ var BarChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -5287,7 +5307,7 @@ var BarChart = ({
 var BarChart_default = BarChart;
 
 // src/components/charts/LineChart.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_recharts3 = require("recharts");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var defaultData = [
@@ -5295,13 +5315,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,
@@ -5321,14 +5341,14 @@ var CustomLineChart = ({
     containerPaddingLeft,
     16
   );
-  const [activeTooltips, setActiveTooltips] = (0, import_react22.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react22.useState)(null);
-  const [dragOffset, setDragOffset] = (0, import_react22.useState)({
+  const [activeTooltips, setActiveTooltips] = (0, import_react23.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react23.useState)(null);
+  const [dragOffset, setDragOffset] = (0, import_react23.useState)({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react22.useState)(0);
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react22.useState)([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react23.useState)(0);
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react23.useState)([]);
   const generateColors = (dataKeys2) => {
     const colorMap = {};
     const allColors = generateAdditionalColors(colors2, dataKeys2.length);
@@ -5337,12 +5357,12 @@ var CustomLineChart = ({
     });
     return colorMap;
   };
-  const dataKeys = (0, import_react22.useMemo)(
+  const dataKeys = (0, import_react23.useMemo)(
     () => data.length > 0 ? Object.keys(data[0]).filter((key) => key !== "name") : [],
     [data]
   );
   const finalColors = generateColors(dataKeys);
-  const maxDataValue = (0, import_react22.useMemo)(() => {
+  const maxDataValue = (0, import_react23.useMemo)(() => {
     let max = 0;
     for (const row of data) {
       const r = row;
@@ -5354,7 +5374,7 @@ var CustomLineChart = ({
     }
     return max;
   }, [data, dataKeys]);
-  const niceMax = (0, import_react22.useMemo)(() => {
+  const niceMax = (0, import_react23.useMemo)(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -5430,10 +5450,10 @@ var CustomLineChart = ({
   const handleChartBackgroundClick = () => {
     setActiveTooltips([]);
   };
-  const handleCloseAllTooltips = (0, import_react22.useCallback)(() => {
+  const handleCloseAllTooltips = (0, import_react23.useCallback)(() => {
     window.dispatchEvent(new CustomEvent("closeAllTooltips"));
   }, []);
-  const updateAlignmentGuides = (0, import_react22.useCallback)(
+  const updateAlignmentGuides = (0, import_react23.useCallback)(
     (draggedTooltipId, draggedPosition) => {
       const SNAP_THRESHOLD = 15;
       const draggedTooltip = activeTooltips.find(
@@ -5514,7 +5534,7 @@ var CustomLineChart = ({
     },
     [activeTooltips]
   );
-  const snapToGuides = (0, import_react22.useCallback)(
+  const snapToGuides = (0, import_react23.useCallback)(
     (position) => {
       const SNAP_DISTANCE = 10;
       const snappedPosition = { ...position };
@@ -5542,7 +5562,7 @@ var CustomLineChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -5589,7 +5609,7 @@ var CustomLineChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const handleCloseAllTooltips2 = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -5599,7 +5619,7 @@ var CustomLineChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips2);
     };
   }, []);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -5643,7 +5663,7 @@ var CustomLineChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -5867,7 +5887,7 @@ var defaultData2 = [
   { name: "Suporte", value: 1e3 },
   { name: "Outros", value: 800 }
 ];
-var DEFAULT_COLORS4 = [
+var DEFAULT_COLORS5 = [
   "#55af7d",
   // verde do projeto
   "#8e68ff",
@@ -5925,7 +5945,7 @@ var CustomPieChart = ({
   centerX = "50%",
   centerY = "50%"
 }) => {
-  const finalColors = colors2 || DEFAULT_COLORS4;
+  const finalColors = colors2 || DEFAULT_COLORS5;
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("w-full rounded-lg bg-card p-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_recharts4.ResponsiveContainer, { width, height, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_recharts4.PieChart, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       import_recharts4.Pie,
@@ -5965,13 +5985,13 @@ var CustomPieChart = ({
 var PieChart_default = CustomPieChart;
 
 // src/components/charts/hooks/useChartHighlights.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var useChartHighlights = () => {
-  const [highlightedSeries, setHighlightedSeries] = (0, import_react23.useState)(
+  const [highlightedSeries, setHighlightedSeries] = (0, import_react24.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react23.useState)(false);
-  const toggleHighlight = (0, import_react23.useCallback)((key) => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react24.useState)(false);
+  const toggleHighlight = (0, import_react24.useCallback)((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) {
@@ -5982,17 +6002,17 @@ var useChartHighlights = () => {
       return next;
     });
   }, []);
-  const clearHighlights = (0, import_react23.useCallback)(() => {
+  const clearHighlights = (0, import_react24.useCallback)(() => {
     setHighlightedSeries(/* @__PURE__ */ new Set());
     setShowOnlyHighlighted(false);
   }, []);
-  const isHighlighted = (0, import_react23.useCallback)(
+  const isHighlighted = (0, import_react24.useCallback)(
     (key) => {
       return highlightedSeries.has(key);
     },
     [highlightedSeries]
   );
-  const getSeriesStyle = (0, import_react23.useCallback)(
+  const getSeriesStyle = (0, import_react24.useCallback)(
     (key) => {
       const hasHighlights = highlightedSeries.size > 0;
       const isSeriesHighlighted = highlightedSeries.has(key);
@@ -6130,7 +6150,7 @@ function Badge({
 }
 
 // src/components/ui/data/CalendarBase.tsx
-var import_react24 = require("@phosphor-icons/react");
+var import_react25 = require("@phosphor-icons/react");
 var import_react_day_picker = require("react-day-picker");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function CalendarBase({
@@ -6175,8 +6195,8 @@ function CalendarBase({
         ...classNames
       },
       components: {
-        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react24.CaretLeftIcon, { className: "h-4 w-4" }),
-        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react24.CaretRightIcon, { className: "h-4 w-4" })
+        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react25.CaretLeftIcon, { className: "h-4 w-4" }),
+        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react25.CaretRightIcon, { className: "h-4 w-4" })
       },
       ...props
     }
@@ -6254,7 +6274,7 @@ CardFooterBase.displayName = "CardFooter";
 // src/components/ui/data/FileUploader.tsx
 var React18 = __toESM(require("react"));
 var import_framer_motion10 = require("framer-motion");
-var import_react25 = require("@phosphor-icons/react");
+var import_react26 = require("@phosphor-icons/react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var formatFileSize = (bytes) => {
   if (bytes === 0) return "0 Bytes";
@@ -6270,38 +6290,38 @@ var getFileTypeIcon = (file) => {
   const extension = getFileExtension(file.name).toLowerCase();
   const mimeType = file.type.toLowerCase();
   if (extension === "pdf" || mimeType === "application/pdf") {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.FilePdfIcon, { size: 20, className: "text-red-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.FilePdfIcon, { size: 20, className: "text-red-500" });
   }
   if (["doc", "docx"].includes(extension) || mimeType.includes("word")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.FileDocIcon, { size: 20, className: "text-blue-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.FileDocIcon, { size: 20, className: "text-blue-500" });
   }
   if (["xls", "xlsx"].includes(extension) || mimeType.includes("sheet")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.FileXlsIcon, { size: 20, className: "text-green-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.FileXlsIcon, { size: 20, className: "text-green-500" });
   }
   if (["ppt", "pptx"].includes(extension) || mimeType.includes("presentation")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.FilePptIcon, { size: 20, className: "text-orange-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.FilePptIcon, { size: 20, className: "text-orange-500" });
   }
   if (extension === "csv" || mimeType === "text/csv") {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.FileCsvIcon, { size: 20, className: "text-green-600" });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.FileCsvIcon, { size: 20, className: "text-green-600" });
   }
   if (["txt", "md", "json", "xml", "js", "ts", "html", "css"].includes(
     extension
   ) || mimeType.includes("text")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.FileTextIcon, { size: 20, className: "text-gray-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.FileTextIcon, { size: 20, className: "text-gray-500" });
   }
   if (mimeType.startsWith("image/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.FileImageIcon, { size: 20, className: "text-purple-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.FileImageIcon, { size: 20, className: "text-purple-500" });
   }
   if (mimeType.startsWith("video/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.FileVideoIcon, { size: 20, className: "text-pink-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.FileVideoIcon, { size: 20, className: "text-pink-500" });
   }
   if (mimeType.startsWith("audio/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.FileAudioIcon, { size: 20, className: "text-indigo-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.FileAudioIcon, { size: 20, className: "text-indigo-500" });
   }
   if (["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.FileZipIcon, { size: 20, className: "text-yellow-600" });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.FileZipIcon, { size: 20, className: "text-yellow-600" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.FileIcon, { size: 20, className: "text-muted-foreground" });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.FileIcon, { size: 20, className: "text-muted-foreground" });
 };
 var createImagePreview = (file) => {
   return new Promise((resolve) => {
@@ -6531,7 +6551,7 @@ var FileUploader = React18.forwardRef(
                     color: isDragging ? `hsl(var(--primary))` : `hsl(var(--muted-foreground))`
                   },
                   transition: { duration: 0.3 },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.CloudArrowUpIcon, { size: 64 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.CloudArrowUpIcon, { size: 64 })
                 }
               )
             }
@@ -6573,7 +6593,7 @@ var FileUploader = React18.forwardRef(
               ),
               transition: { duration: 0.3 },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                   import_framer_motion10.motion.span,
                   {
@@ -6675,7 +6695,7 @@ var FileUploader = React18.forwardRef(
                             handleRemoveFile(file.id);
                           },
                           className: "",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react25.XIcon, { size: 12 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react26.XIcon, { size: 12 })
                         }
                       )
                     ]
@@ -6799,7 +6819,7 @@ AlertDialogCancelBase.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/components/ui/feedback/DestructiveDialog.tsx
 var React20 = __toESM(require("react"));
-var import_react26 = require("@phosphor-icons/react");
+var import_react27 = require("@phosphor-icons/react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var DestructiveDialog = ({
   title,
@@ -6819,7 +6839,7 @@ var DestructiveDialog = ({
         className: cn("border border-destructive bg-background", className),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react26.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react27.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex-1", children: [
               /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AlertDialogTitleBase, { className: "text-lg sm:text-xl font-semibold text-destructive", children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AlertDialogDescriptionBase, { className: "mt-2 text-sm text-muted-foreground", children: description })
@@ -7028,7 +7048,7 @@ LoadingBase.displayName = "LoadingBase";
 // src/components/ui/feedback/ModalBase.tsx
 var React22 = __toESM(require("react"));
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"));
-var import_react27 = require("@phosphor-icons/react");
+var import_react28 = require("@phosphor-icons/react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var ModalBase = DialogPrimitive2.Root;
 var ModalTriggerBase = DialogPrimitive2.Trigger;
@@ -7101,7 +7121,7 @@ var ModalContentBase = React22.forwardRef(
           children: [
             children,
             /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(DialogPrimitive2.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-md bg-muted/10 p-1.5 opacity-80 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none z-10 hover:bg-muted/20 transition-colors", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react27.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4 text-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react28.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4 text-foreground" }),
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "Close" })
             ] })
           ]
@@ -7425,7 +7445,7 @@ function SkeletonBase({
 }
 
 // src/components/ui/feedback/SonnerBase.tsx
-var import_react28 = require("@phosphor-icons/react");
+var import_react29 = require("@phosphor-icons/react");
 var import_sonner2 = require("sonner");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var iconBaseClass = "w-5 h-auto";
@@ -7477,23 +7497,23 @@ var Toaster = ({ testId, ...props }) => {
 };
 var toast2 = {
   success: (message) => import_sonner2.toast.success(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react28.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react29.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
     className: "sonner-success"
   }),
   error: (message) => import_sonner2.toast.error(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react28.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react29.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
     className: "sonner-error"
   }),
   warning: (message) => import_sonner2.toast.warning(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react28.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react29.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
     className: "sonner-WarningIcon"
   }),
   info: (message) => import_sonner2.toast.info(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react28.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react29.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
     className: "sonner-InfoIcon"
   }),
   loading: (message) => (0, import_sonner2.toast)(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react28.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react29.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
     className: "sonner-loading"
   })
 };
@@ -7501,7 +7521,7 @@ var toast2 = {
 // src/components/ui/form/CheckBoxBase.tsx
 var React24 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var import_react29 = require("@phosphor-icons/react");
+var import_react30 = require("@phosphor-icons/react");
 var import_framer_motion11 = require("framer-motion");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -7509,20 +7529,35 @@ var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkb
   {
     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__ */ (0, import_jsx_runtime44.jsx)(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       import_framer_motion11.motion.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__ */ (0, import_jsx_runtime44.jsx)(import_react29.CheckIcon, { className: "h-4 w-4", weight: "bold" })
+        className: "flex items-center justify-center text-current group",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_react30.CheckIcon,
+            {
+              className: "h-4 w-4 hidden group-data-[state=checked]:block",
+              weight: "bold"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_react30.MinusIcon,
+            {
+              className: "h-4 w-4 hidden group-data-[state=indeterminate]:block",
+              weight: "bold"
+            }
+          )
+        ]
       }
     ) })
   }
@@ -7532,7 +7567,7 @@ CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 // src/components/ui/form/CollapsibleBase.tsx
 var React25 = __toESM(require("react"));
 var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
-var import_react30 = require("@phosphor-icons/react");
+var import_react31 = require("@phosphor-icons/react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var CollapsibleBase = React25.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
@@ -7554,7 +7589,7 @@ var CollapsibleTriggerBase = React25.forwardRef(({ className, children, leftIcon
           leftIcon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
           /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children })
         ] }),
-        showCaret && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react30.CaretUpDownIcon, { className: "h-4 w-4" }) })
+        showCaret && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react31.CaretUpDownIcon, { className: "h-4 w-4" }) })
       ]
     }
   );
@@ -7635,7 +7670,7 @@ HoverCardContentBase.displayName = HoverCardPrimitive.Content.displayName;
 // src/components/ui/form/Input-OTP-Base.tsx
 var React27 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
-var import_react31 = require("@phosphor-icons/react");
+var import_react32 = require("@phosphor-icons/react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function InputOTPBase({
   className,
@@ -7690,7 +7725,7 @@ function InputOTPSlotBase({
   );
 }
 function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react31.MinusIcon, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react32.MinusIcon, {}) });
 }
 
 // src/components/ui/form/SliderBase.tsx
@@ -7778,7 +7813,7 @@ SlideBase.displayName = "SlideBase";
 
 // src/components/ui/form/SmallButtons.tsx
 var React29 = __toESM(require("react"));
-var import_react32 = require("@phosphor-icons/react");
+var import_react33 = require("@phosphor-icons/react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var EditButton = React29.forwardRef(
   ({
@@ -7809,7 +7844,7 @@ var EditButton = React29.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react32.PencilSimpleIcon,
+        import_react33.PencilSimpleIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7849,7 +7884,7 @@ var ChangeButton = React29.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react32.ArrowsLeftRightIcon,
+        import_react33.ArrowsLeftRightIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7889,7 +7924,7 @@ var SaveButton = React29.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react32.FloppyDiskIcon,
+        import_react33.FloppyDiskIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7929,7 +7964,7 @@ var AddButton = React29.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react32.PlusIcon,
+        import_react33.PlusIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7969,7 +8004,7 @@ var CloseButton = React29.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react32.XIcon,
+        import_react33.XIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -8001,7 +8036,7 @@ var DownloadButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.DownloadSimpleIcon,
+      import_react33.DownloadSimpleIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:translate-y-0.5"
@@ -8030,7 +8065,7 @@ var UploadButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.UploadSimpleIcon,
+      import_react33.UploadSimpleIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:-translate-y-0.5"
@@ -8059,7 +8094,7 @@ var CopyButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.CopyIcon,
+      import_react33.CopyIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8088,7 +8123,7 @@ var RefreshButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.ArrowClockwiseIcon,
+      import_react33.ArrowClockwiseIcon,
       {
         size: 18,
         className: "transition-transform duration-500 group-hover:rotate-180"
@@ -8117,7 +8152,7 @@ var SearchButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.MagnifyingGlassIcon,
+      import_react33.MagnifyingGlassIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110 group-hover:-rotate-12"
@@ -8146,7 +8181,7 @@ var BackButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.ArrowLeftIcon,
+      import_react33.ArrowLeftIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:-translate-x-1"
@@ -8175,7 +8210,7 @@ var SettingsButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.GearIcon,
+      import_react33.GearIcon,
       {
         size: 18,
         className: "transition-transform duration-500 group-hover:rotate-90"
@@ -8204,7 +8239,7 @@ var NotificationButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.BellIcon,
+      import_react33.BellIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:scale-110 group-hover:-rotate-12"
@@ -8233,7 +8268,7 @@ var MoreButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.DotsThreeIcon,
+      import_react33.DotsThreeIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8262,7 +8297,7 @@ var CheckButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.CheckIcon,
+      import_react33.CheckIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8298,7 +8333,7 @@ var FilterButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.FunnelIcon,
+      import_react33.FunnelIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8337,7 +8372,7 @@ var LikeButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.HeartIcon,
+      import_react33.HeartIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8376,7 +8411,7 @@ var FavoriteButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.StarIcon,
+      import_react33.StarIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8414,14 +8449,14 @@ var VisibilityButton = ({
     ),
     ...props,
     children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.EyeIcon,
+      import_react33.EyeIcon,
       {
         size: iconSize,
         color: iconColor,
         className: "transition-opacity duration-200"
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.EyeSlashIcon,
+      import_react33.EyeSlashIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8461,14 +8496,14 @@ var LockButton = ({
     ),
     ...props,
     children: isLocked ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.LockIcon,
+      import_react33.LockIcon,
       {
         size: iconSize,
         color: iconColor,
         className: "transition-all duration-200 group-hover:scale-110"
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.LockOpenIcon,
+      import_react33.LockOpenIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8514,7 +8549,7 @@ SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 // src/components/ui/form/TextAreaBase.tsx
 var React31 = __toESM(require("react"));
 var import_framer_motion12 = require("framer-motion");
-var import_react33 = require("@phosphor-icons/react");
+var import_react34 = require("@phosphor-icons/react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var TextAreaBase = React31.forwardRef(
   ({ className, clearable = false, onClear, ...props }, ref) => {
@@ -8611,7 +8646,7 @@ var TextAreaBase = React31.forwardRef(
                 ),
                 disabled: props.disabled,
                 "aria-label": "Limpar texto",
-                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react33.TrashIcon, { size: 16, weight: "regular" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react34.TrashIcon, { size: 16, weight: "regular" })
               }
             ) }),
             /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
@@ -8689,7 +8724,7 @@ TextAreaBase.displayName = "TextAreaBase";
 // src/components/ui/layout/CarouselBase.tsx
 var React32 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-var import_react34 = require("@phosphor-icons/react");
+var import_react35 = require("@phosphor-icons/react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var CarouselContext = React32.createContext(null);
 function useCarousel() {
@@ -8850,7 +8885,7 @@ function CarouselPreviousBase({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.ArrowLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.ArrowLeftIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -8880,7 +8915,7 @@ function CarouselNextBase({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.ArrowRightIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.ArrowRightIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
@@ -9063,7 +9098,7 @@ TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/navigation/BreadcrumbBase.tsx
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_react35 = require("@phosphor-icons/react");
+var import_react36 = require("@phosphor-icons/react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function BreadcrumbBase({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -9132,7 +9167,7 @@ function BreadcrumbSeparatorBase({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.CaretRightIcon, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react36.CaretRightIcon, {})
     }
   );
 }
@@ -9149,7 +9184,7 @@ function BreadcrumbEllipsisBase({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.DotsThreeIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react36.DotsThreeIcon, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -9158,7 +9193,7 @@ function BreadcrumbEllipsisBase({
 
 // src/components/ui/navigation/NavigationMenuBase.tsx
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
-var import_react36 = require("@phosphor-icons/react");
+var import_react37 = require("@phosphor-icons/react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function NavigationMenuBase({
   className,
@@ -9226,7 +9261,7 @@ function NavigationMenuTriggerBase({
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-          import_react36.CaretDownIcon,
+          import_react37.CaretDownIcon,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -9329,7 +9364,7 @@ function useIsMobile() {
 var React37 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_react37 = require("@phosphor-icons/react");
+var import_react38 = require("@phosphor-icons/react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var SheetBase = SheetPrimitive.Root;
 var SheetTriggerBase = SheetPrimitive.Trigger;
@@ -9373,7 +9408,7 @@ var SheetContentBase = React37.forwardRef(({ side = "right", className, children
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(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__ */ (0, import_jsx_runtime58.jsx)(import_react37.XIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react38.XIcon, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "sr-only", children: "Close" })
         ] }),
         children
@@ -9430,7 +9465,7 @@ var SheetDescriptionBase = React37.forwardRef(({ className, ...props }, ref) =>
 SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/navigation/SidebarBase.tsx
-var import_react38 = require("@phosphor-icons/react");
+var import_react39 = require("@phosphor-icons/react");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -9624,7 +9659,7 @@ var SidebarTriggerBase = React38.forwardRef(({ className, onClick, ...props }, r
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react38.SidebarSimpleIcon, {})
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react39.SidebarSimpleIcon, {})
       ]
     }
   ) });
@@ -10118,11 +10153,11 @@ function DrawerDescriptionBase({
 }
 
 // src/hooks/use-universal-tooltip.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
-var UniversalTooltipContext = (0, import_react39.createContext)(null);
+var UniversalTooltipContext = (0, import_react40.createContext)(null);
 var useUniversalTooltip = () => {
-  const context = (0, import_react39.useContext)(UniversalTooltipContext);
+  const context = (0, import_react40.useContext)(UniversalTooltipContext);
   if (!context) {
     throw new Error("useUniversalTooltip deve ser usado dentro de UniversalTooltipProvider");
   }
@@ -10130,7 +10165,7 @@ var useUniversalTooltip = () => {
 };
 var useTooltip = () => {
   const { addTooltip, removeTooltip, startDrag } = useUniversalTooltip();
-  const createTooltip = (0, import_react39.useCallback)((element, content, options) => {
+  const createTooltip = (0, import_react40.useCallback)((element, content, options) => {
     const rect = element.getBoundingClientRect();
     let position;
     switch (options?.position || "auto") {
@@ -10160,7 +10195,7 @@ var useTooltip = () => {
       metadata: options?.metadata
     });
   }, [addTooltip]);
-  const handleElementMouseDown = (0, import_react39.useCallback)((tooltipId, event) => {
+  const handleElementMouseDown = (0, import_react40.useCallback)((tooltipId, event) => {
     const rect = event.target.getBoundingClientRect();
     const offset = {
       x: event.clientX - rect.left,
@@ -10319,7 +10354,7 @@ var import_date_fns = require("date-fns");
 // src/components/picker/calendar.tsx
 var React40 = __toESM(require("react"));
 var import_react_day_picker2 = require("react-day-picker");
-var import_react40 = require("@phosphor-icons/react");
+var import_react41 = require("@phosphor-icons/react");
 var import_framer_motion14 = require("framer-motion");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 function CalendarBase2({
@@ -10393,8 +10428,8 @@ function CalendarBase2({
                 ...classNames
               },
               components: {
-                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react40.CaretLeftIcon, { className: "h-4 w-4" }),
-                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react40.CaretRightIcon, { className: "h-4 w-4" })
+                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react41.CaretLeftIcon, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react41.CaretRightIcon, { className: "h-4 w-4" })
               },
               ...props
             }
@@ -10409,15 +10444,15 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/picker/DateTimePicker.tsx
 var import_locale = require("date-fns/locale");
-var import_react43 = require("react");
+var import_react44 = require("react");
 
 // src/components/picker/TimePicker.tsx
 var import_framer_motion15 = require("framer-motion");
 var React42 = __toESM(require("react"));
 
 // src/components/picker/TimePickerInput.tsx
-var import_react41 = require("@phosphor-icons/react");
-var import_react42 = __toESM(require("react"));
+var import_react42 = require("@phosphor-icons/react");
+var import_react43 = __toESM(require("react"));
 
 // src/components/picker/utils/time-picker-utils.ts
 function isValidHour(value) {
@@ -10560,7 +10595,7 @@ function display12HourValue(hours) {
 
 // src/components/picker/TimePickerInput.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
-var TimePickerInput = import_react42.default.forwardRef(
+var TimePickerInput = import_react43.default.forwardRef(
   ({
     className,
     type = "tel",
@@ -10579,10 +10614,10 @@ var TimePickerInput = import_react42.default.forwardRef(
     label,
     ...props
   }, ref) => {
-    const [flag, setFlag] = import_react42.default.useState(false);
-    const [prevIntKey, setPrevIntKey] = import_react42.default.useState("0");
-    const [isFocused, setIsFocused] = import_react42.default.useState(false);
-    import_react42.default.useEffect(() => {
+    const [flag, setFlag] = import_react43.default.useState(false);
+    const [prevIntKey, setPrevIntKey] = import_react43.default.useState("0");
+    const [isFocused, setIsFocused] = import_react43.default.useState(false);
+    import_react43.default.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -10590,7 +10625,7 @@ var TimePickerInput = import_react42.default.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = import_react42.default.useMemo(() => {
+    const calculatedValue = import_react43.default.useMemo(() => {
       return getDateByType(date, picker);
     }, [date, picker]);
     const calculateNewValue = (key) => {
@@ -10679,7 +10714,7 @@ var TimePickerInput = import_react42.default.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Incrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react41.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react42.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "relative", children: [
@@ -10746,7 +10781,7 @@ var TimePickerInput = import_react42.default.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Decrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react41.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react42.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             )
           ]
@@ -10855,7 +10890,7 @@ function TimePicker({
 }
 
 // src/components/picker/DateTimePicker.tsx
-var import_react44 = require("@phosphor-icons/react");
+var import_react45 = require("@phosphor-icons/react");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function DateTimePicker({
   label,
@@ -10870,9 +10905,9 @@ function DateTimePicker({
   className,
   error
 }) {
-  const [internalDate, setInternalDate] = (0, import_react43.useState)(date);
-  const [open, setOpen] = (0, import_react43.useState)(false);
-  const [timePickerOpen, setTimePickerOpen] = (0, import_react43.useState)(false);
+  const [internalDate, setInternalDate] = (0, import_react44.useState)(date);
+  const [open, setOpen] = (0, import_react44.useState)(false);
+  const [timePickerOpen, setTimePickerOpen] = (0, import_react44.useState)(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -10903,10 +10938,10 @@ function DateTimePicker({
     if (!timeFormat) return "dd MMMM yyyy";
     return `dd MMMM yyyy - ${timeFormat}`;
   };
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     setInternalDate(date);
   }, [date, open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: cn("space-y-2 w-full sm:w-auto", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: cn("w-full sm:w-auto", className), children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(LabelBase_default, { children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
@@ -10934,7 +10969,7 @@ function DateTimePicker({
                     children: date ? (0, import_date_fns.format)(date, getDisplayFormat(), { locale: import_locale.ptBR }) : "Selecione uma data"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react44.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react45.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
               ]
             }
           )
@@ -10984,7 +11019,7 @@ function DateTimePicker({
                         "shadow-sm hover:shadow-md active:scale-[0.98]"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react44.ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react45.ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
                         /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-black truncate", children: internalDate ? (0, import_date_fns.format)(internalDate, getTimeFormat() || "HH:mm", {
                           locale: import_locale.ptBR
                         }) : "00:00" })
@@ -11038,7 +11073,7 @@ var React43 = __toESM(require("react"));
 var import_react_day_picker3 = require("react-day-picker");
 var import_pt_BR = __toESM(require("date-fns/locale/pt-BR"));
 var import_date_fns2 = require("date-fns");
-var import_react45 = require("@phosphor-icons/react");
+var import_react46 = require("@phosphor-icons/react");
 var import_framer_motion16 = require("framer-motion");
 var import_ssr7 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime67 = require("react/jsx-runtime");
@@ -11066,7 +11101,7 @@ function RangePicker({
     onChange?.(void 0);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PopoverTriggerBase, { asChild: true, className: cn(error && "border-red-500"), children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       import_framer_motion16.motion.div,
       {
         whileTap: { scale: 0.97 },
@@ -11076,12 +11111,18 @@ function RangePicker({
           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__ */ (0, import_jsx_runtime67.jsx)(
                 import_framer_motion16.motion.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 ? `${(0, import_date_fns2.format)(range.from, "P", {
@@ -11094,7 +11135,7 @@ function RangePicker({
                 {
                   animate: open ? { rotate: 8, scale: 1.15 } : { rotate: 0, scale: 1 },
                   transition: { type: "spring", stiffness: 300, damping: 18 },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react45.CalendarBlankIcon, { className: "w-4 h-4 transition-transform group-hover:scale-110" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react46.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
                 }
               )
             ]
@@ -11171,8 +11212,8 @@ function RangePicker({
                         day_hidden: "invisible"
                       },
                       components: {
-                        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react45.CaretLeftIcon, { className: "h-4 w-4" }),
-                        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react45.CaretRightIcon, { className: "h-4 w-4" })
+                        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react46.CaretLeftIcon, { className: "h-4 w-4" }),
+                        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react46.CaretRightIcon, { className: "h-4 w-4" })
                       }
                     }
                   )
@@ -11244,7 +11285,7 @@ RangePicker.displayName = "RangePicker";
 
 // src/components/ui/navigation/ContextMenuBase.tsx
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"));
-var import_react46 = require("@phosphor-icons/react");
+var import_react47 = require("@phosphor-icons/react");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 function ContextMenuBase(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
@@ -11286,7 +11327,7 @@ function ContextMenuSubTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.CaretRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react47.CaretRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -11381,7 +11422,7 @@ function ContextMenuCheckboxItemBase({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react47.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -11406,7 +11447,7 @@ function ContextMenuRadioItemBase({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react47.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -11455,8 +11496,8 @@ function ContextMenuShortcutBase({
 }
 
 // src/components/ui/CodeBlock.tsx
-var import_react47 = require("@phosphor-icons/react");
-var import_react48 = __toESM(require("react"));
+var import_react48 = require("@phosphor-icons/react");
+var import_react49 = __toESM(require("react"));
 var import_react_syntax_highlighter = require("react-syntax-highlighter");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var CodeBlock = ({
@@ -11468,11 +11509,11 @@ var CodeBlock = ({
   breadcrumb = [],
   showStats = true
 }) => {
-  const [copied, setCopied] = import_react48.default.useState(false);
-  const [activeTab, setActiveTab] = import_react48.default.useState(0);
-  const [isExpanded, setIsExpanded] = import_react48.default.useState(false);
+  const [copied, setCopied] = import_react49.default.useState(false);
+  const [activeTab, setActiveTab] = import_react49.default.useState(0);
+  const [isExpanded, setIsExpanded] = import_react49.default.useState(false);
   const tabsExist = tabs.length > 0;
-  const cssVars = import_react48.default.useMemo(
+  const cssVars = import_react49.default.useMemo(
     () => ({
       container: {
         backgroundColor: "hsl(var(--card))",
@@ -11537,12 +11578,12 @@ var CodeBlock = ({
       case "jsx":
       case "typescript":
       case "tsx":
-        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react47.CodeIcon, { size: "1em", className: "text-yellow-400" });
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.CodeIcon, { size: "1em", className: "text-yellow-400" });
       case "bash":
       case "shell":
-        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react47.TerminalIcon, { size: "1em", className: "text-green-400" });
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.TerminalIcon, { size: "1em", className: "text-green-400" });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react47.FileArchiveIcon, { size: "1em", className: "text-blue-400" });
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.FileArchiveIcon, { size: "1em", className: "text-blue-400" });
     }
   };
   const getCodeStats = (source) => {
@@ -11567,8 +11608,8 @@ var CodeBlock = ({
               /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-3 h-3 rounded-full bg-green-500" })
             ] }),
             breadcrumb.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react47.FolderIcon, { size: "1em", style: cssVars.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react48.default.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.FolderIcon, { size: "1em", style: cssVars.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react49.default.Fragment, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                   "span",
                   {
@@ -11578,7 +11619,7 @@ var CodeBlock = ({
                   }
                 ),
                 index < breadcrumb.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-                  import_react47.ArrowRightIcon,
+                  import_react48.ArrowRightIcon,
                   {
                     size: "0.75em",
                     style: cssVars.icon,
@@ -11609,7 +11650,7 @@ var CodeBlock = ({
                   onClick: () => setIsExpanded(!isExpanded),
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Toggle fullscreen",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react47.ArrowsOutIcon, { size: "1em", style: cssVars.icon })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.ArrowsOutIcon, { size: "1em", style: cssVars.icon })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
@@ -11618,7 +11659,7 @@ var CodeBlock = ({
                   onClick: downloadCode,
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Download code",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react47.DownloadIcon, { size: "1em", style: cssVars.icon })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.DownloadIcon, { size: "1em", style: cssVars.icon })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
@@ -11628,12 +11669,12 @@ var CodeBlock = ({
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Copy code",
                   children: copied ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-                    import_react47.CheckIcon,
+                    import_react48.CheckIcon,
                     {
                       size: "1em",
                       style: { color: "hsl(var(--primary))" }
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react47.CopyIcon, { size: "1em", style: cssVars.icon })
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.CopyIcon, { size: "1em", style: cssVars.icon })
                 }
               )
             ] })
@@ -11746,7 +11787,7 @@ var CodeBlock = ({
                 ] })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-1 shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react47.GearIcon, { size: "0.75em", style: cssVars.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.GearIcon, { size: "0.75em", style: cssVars.icon }),
                 /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: "UTF-8" })
               ] })
             ]
@@ -11825,22 +11866,74 @@ function StatusIndicator({
 }
 
 // src/components/ui/form/DebouncedInput.tsx
-var import_react49 = require("react");
-var import_react50 = require("@phosphor-icons/react");
+var import_react50 = require("react");
+var import_react51 = require("@phosphor-icons/react");
 var import_jsx_runtime71 = require("react/jsx-runtime");
+function DebouncedInput({
+  value: initialValue,
+  onChange,
+  debounce = 500,
+  label,
+  labelClassname,
+  leftIcon,
+  rightIcon,
+  showLoadingIndicator = false,
+  className,
+  error,
+  ...props
+}) {
+  const [value, setValue] = (0, import_react50.useState)(initialValue);
+  const [isDebouncing, setIsDebouncing] = (0, import_react50.useState)(false);
+  (0, import_react50.useEffect)(() => {
+    setValue(initialValue);
+  }, [initialValue]);
+  (0, import_react50.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime71.jsx)(import_react51.CircleNotchIcon, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
+    }
+    return rightIcon;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    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
 var import_date_fns3 = require("date-fns");
 var import_locale2 = require("date-fns/locale");
-var import_react51 = require("react");
-var import_react52 = require("@phosphor-icons/react");
+var import_react52 = require("react");
+var import_react53 = require("@phosphor-icons/react");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function AgendaView({
   currentDate,
   events,
   onEventSelect
 }) {
-  const days = (0, import_react51.useMemo)(() => {
+  const days = (0, import_react52.useMemo)(() => {
     console.log("Agenda view updating with date:", currentDate.toISOString());
     return Array.from(
       { length: AgendaDaysToShow },
@@ -11856,9 +11949,9 @@ function AgendaView({
     (day) => getAgendaEventsForDay(events, day).length > 0
   );
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "border-border/70 border-t px-4", children: !hasEvents ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex min-h-[70svh] flex-col items-center justify-center py-16 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react52.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h3", { className: "font-medium text-lg", children: "No events found" }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "text-muted-foreground", children: "There are no events scheduled for this time period." })
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react53.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h3", { className: "font-medium text-lg", children: "Nenhum evento encontrado" }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("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;
@@ -11897,11 +11990,11 @@ function AgendaView({
 // src/components/event-calendar/CalendarDND.tsx
 var import_core = require("@dnd-kit/core");
 var import_date_fns4 = require("date-fns");
-var import_react54 = require("react");
+var import_react55 = require("react");
 
 // src/components/event-calendar/hooks.ts
-var import_react53 = require("react");
-var CalendarDndContext = (0, import_react53.createContext)({
+var import_react54 = require("react");
+var CalendarDndContext = (0, import_react54.createContext)({
   activeEvent: null,
   activeId: null,
   activeView: null,
@@ -11911,7 +12004,7 @@ var CalendarDndContext = (0, import_react53.createContext)({
   isMultiDay: false,
   multiDayWidth: null
 });
-var useCalendarDnd = () => (0, import_react53.useContext)(CalendarDndContext);
+var useCalendarDnd = () => (0, import_react54.useContext)(CalendarDndContext);
 
 // src/components/event-calendar/CalendarDND.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
@@ -11919,17 +12012,17 @@ function CalendarDndProvider({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = (0, import_react54.useState)(null);
-  const [activeId, setActiveId] = (0, import_react54.useState)(null);
-  const [activeView, setActiveView] = (0, import_react54.useState)(
+  const [activeEvent, setActiveEvent] = (0, import_react55.useState)(null);
+  const [activeId, setActiveId] = (0, import_react55.useState)(null);
+  const [activeView, setActiveView] = (0, import_react55.useState)(
     null
   );
-  const [currentTime, setCurrentTime] = (0, import_react54.useState)(null);
-  const [eventHeight, setEventHeight] = (0, import_react54.useState)(null);
-  const [isMultiDay, setIsMultiDay] = (0, import_react54.useState)(false);
-  const [multiDayWidth, setMultiDayWidth] = (0, import_react54.useState)(null);
-  const [dragHandlePosition, setDragHandlePosition] = (0, import_react54.useState)(null);
-  const eventDimensions = (0, import_react54.useRef)({ height: 0 });
+  const [currentTime, setCurrentTime] = (0, import_react55.useState)(null);
+  const [eventHeight, setEventHeight] = (0, import_react55.useState)(null);
+  const [isMultiDay, setIsMultiDay] = (0, import_react55.useState)(false);
+  const [multiDayWidth, setMultiDayWidth] = (0, import_react55.useState)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react55.useState)(null);
+  const eventDimensions = (0, import_react55.useRef)({ height: 0 });
   const sensors = (0, import_core.useSensors)(
     (0, import_core.useSensor)(import_core.MouseSensor, {
       // Require the mouse to move by 5px before activating
@@ -11951,7 +12044,7 @@ function CalendarDndProvider({
       }
     })
   );
-  const dndContextId = (0, import_react54.useId)();
+  const dndContextId = (0, import_react55.useId)();
   const handleDragStart = (event) => {
     const { active } = event;
     if (!active.data.current) {
@@ -12143,7 +12236,7 @@ var DefaultEndHour = 10;
 
 // src/components/event-calendar/DayView.tsx
 var import_date_fns5 = require("date-fns");
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function DayView({
   currentDate,
@@ -12151,14 +12244,14 @@ function DayView({
   onEventSelect,
   onEventCreate
 }) {
-  const hours = (0, import_react55.useMemo)(() => {
+  const hours = (0, import_react56.useMemo)(() => {
     const dayStart = (0, import_date_fns5.startOfDay)(currentDate);
     return (0, import_date_fns5.eachHourOfInterval)({
       end: (0, import_date_fns5.addHours)(dayStart, EndHour - 1),
       start: (0, import_date_fns5.addHours)(dayStart, StartHour)
     });
   }, [currentDate]);
-  const dayEvents = (0, import_react55.useMemo)(() => {
+  const dayEvents = (0, import_react56.useMemo)(() => {
     return events.filter((event) => {
       const eventStart = new Date(event.start);
       const eventEnd = new Date(event.end);
@@ -12167,17 +12260,17 @@ function DayView({
       (a, b) => new Date(a.start).getTime() - new Date(b.start).getTime()
     );
   }, [currentDate, events]);
-  const allDayEvents = (0, import_react55.useMemo)(() => {
+  const allDayEvents = (0, import_react56.useMemo)(() => {
     return dayEvents.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const timeEvents = (0, import_react55.useMemo)(() => {
+  const timeEvents = (0, import_react56.useMemo)(() => {
     return dayEvents.filter((event) => {
       return !event.allDay && !isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const positionedEvents = (0, import_react55.useMemo)(() => {
+  const positionedEvents = (0, import_react56.useMemo)(() => {
     const result = [];
     const dayStart = (0, import_date_fns5.startOfDay)(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
@@ -12274,7 +12367,7 @@ function DayView({
         "div",
         {
           className: "relative h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
-          children: index > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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: (0, import_date_fns5.format)(hour, "h a") })
+          children: index > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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: (0, import_date_fns5.format)(hour, "HH:mm") })
         },
         hour.toString()
       )) }),
@@ -12358,7 +12451,7 @@ function DayView({
 var import_core2 = require("@dnd-kit/core");
 var import_utilities = require("@dnd-kit/utilities");
 var import_date_fns6 = require("date-fns");
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function DraggableEvent({
   event,
@@ -12373,8 +12466,8 @@ function DraggableEvent({
   "aria-hidden": ariaHidden
 }) {
   const { activeId } = useCalendarDnd();
-  const elementRef = (0, import_react56.useRef)(null);
-  const [dragHandlePosition, setDragHandlePosition] = (0, import_react56.useState)(null);
+  const elementRef = (0, import_react57.useRef)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react57.useState)(null);
   const eventStart = new Date(event.start);
   const eventEnd = new Date(event.end);
   const isMultiDayEvent2 = isMultiDay || event.allDay || (0, import_date_fns6.differenceInDays)(eventEnd, eventStart) >= 1;
@@ -12499,9 +12592,9 @@ function DroppableCell({
 // src/components/event-calendar/EventCalendar.tsx
 var import_date_fns7 = require("date-fns");
 var import_locale3 = require("date-fns/locale");
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_sonner3 = require("sonner");
-var import_react58 = require("@phosphor-icons/react");
+var import_react59 = require("@phosphor-icons/react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function EventCalendar({
   events = [],
@@ -12511,11 +12604,11 @@ function EventCalendar({
   className,
   initialView = "month"
 }) {
-  const [currentDate, setCurrentDate] = (0, import_react57.useState)(/* @__PURE__ */ new Date());
-  const [view, setView] = (0, import_react57.useState)(initialView);
-  const [isFading, setIsFading] = (0, import_react57.useState)(false);
+  const [currentDate, setCurrentDate] = (0, import_react58.useState)(/* @__PURE__ */ new Date());
+  const [view, setView] = (0, import_react58.useState)(initialView);
+  const [isFading, setIsFading] = (0, import_react58.useState)(false);
   const FADE_DURATION = 220;
-  const changeView = (0, import_react57.useCallback)(
+  const changeView = (0, import_react58.useCallback)(
     (next) => {
       if (next === view) return;
       setIsFading(true);
@@ -12526,12 +12619,12 @@ function EventCalendar({
     },
     [view]
   );
-  const [isPaging, setIsPaging] = (0, import_react57.useState)(false);
-  const [pageDirection, setPageDirection] = (0, import_react57.useState)(
+  const [isPaging, setIsPaging] = (0, import_react58.useState)(false);
+  const [pageDirection, setPageDirection] = (0, import_react58.useState)(
     null
   );
   const PAGE_DURATION = 200;
-  const pageTransition = (0, import_react57.useCallback)(
+  const pageTransition = (0, import_react58.useCallback)(
     (applyDateChange, direction) => {
       setIsPaging(true);
       setPageDirection(direction);
@@ -12545,11 +12638,11 @@ function EventCalendar({
     },
     []
   );
-  const [isEventDialogOpen, setIsEventDialogOpen] = (0, import_react57.useState)(false);
-  const [selectedEvent, setSelectedEvent] = (0, import_react57.useState)(
+  const [isEventDialogOpen, setIsEventDialogOpen] = (0, import_react58.useState)(false);
+  const [selectedEvent, setSelectedEvent] = (0, import_react58.useState)(
     null
   );
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
         return;
@@ -12684,7 +12777,7 @@ function EventCalendar({
       position: "bottom-left"
     });
   };
-  const viewTitle = (0, import_react57.useMemo)(() => {
+  const viewTitle = (0, import_react58.useMemo)(() => {
     const capitalize = (s) => s && s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
     if (view === "month") {
       return capitalize((0, import_date_fns7.format)(currentDate, "MMMM yyyy", { locale: import_locale3.ptBR }));
@@ -12750,7 +12843,7 @@ function EventCalendar({
                     variant: "outline",
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-                        import_react58.CalendarIcon,
+                        import_react59.CalendarIcon,
                         {
                           "aria-hidden": "true",
                           className: "min-[480px]:hidden",
@@ -12769,7 +12862,7 @@ function EventCalendar({
                       onClick: handlePrevious,
                       size: "icon",
                       variant: "ghost",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react58.CaretLeft, { "aria-hidden": "true", size: 16 })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react59.CaretLeft, { "aria-hidden": "true", size: 16 })
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
@@ -12779,7 +12872,7 @@ function EventCalendar({
                       onClick: handleNext,
                       size: "icon",
                       variant: "ghost",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react58.CaretRight, { "aria-hidden": "true", size: 16 })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react59.CaretRight, { "aria-hidden": "true", size: 16 })
                     }
                   )
                 ] }),
@@ -12814,7 +12907,7 @@ function EventCalendar({
                           })() })
                         ] }),
                         /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-                          import_react58.ArrowDownIcon,
+                          import_react59.ArrowDownIcon,
                           {
                             "aria-hidden": "true",
                             className: "-me-1 opacity-60",
@@ -12854,7 +12947,7 @@ function EventCalendar({
                     size: "sm",
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-                        import_react58.PlusIcon,
+                        import_react59.PlusIcon,
                         {
                           "aria-hidden": "true",
                           className: "sm:-ms-1 opacity-60",
@@ -12936,11 +13029,11 @@ function EventCalendar({
 
 // src/components/event-calendar/EventDialog.tsx
 var import_date_fns8 = require("date-fns");
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_react_radio_group = require("@radix-ui/react-radio-group");
 var import_framer_motion17 = require("framer-motion");
 var import_locale4 = require("date-fns/locale");
-var import_react60 = require("@phosphor-icons/react");
+var import_react61 = require("@phosphor-icons/react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 function EventDialog({
   event,
@@ -12949,21 +13042,21 @@ function EventDialog({
   onSave,
   onDelete
 }) {
-  const [title, setTitle] = (0, import_react59.useState)("");
-  const [description, setDescription] = (0, import_react59.useState)("");
-  const [startDate, setStartDate] = (0, import_react59.useState)(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = (0, import_react59.useState)(/* @__PURE__ */ new Date());
-  const [startTime, setStartTime] = (0, import_react59.useState)(`${DefaultStartHour}:00`);
-  const [endTime, setEndTime] = (0, import_react59.useState)(`${DefaultEndHour}:00`);
-  const [allDay, setAllDay] = (0, import_react59.useState)(false);
-  const [location, setLocation] = (0, import_react59.useState)("");
-  const [color, setColor] = (0, import_react59.useState)("sky");
-  const [error, setError] = (0, import_react59.useState)(null);
-  const [startDateOpen, setStartDateOpen] = (0, import_react59.useState)(false);
-  const [endDateOpen, setEndDateOpen] = (0, import_react59.useState)(false);
-  (0, import_react59.useEffect)(() => {
+  const [title, setTitle] = (0, import_react60.useState)("");
+  const [description, setDescription] = (0, import_react60.useState)("");
+  const [startDate, setStartDate] = (0, import_react60.useState)(/* @__PURE__ */ new Date());
+  const [endDate, setEndDate] = (0, import_react60.useState)(/* @__PURE__ */ new Date());
+  const [startTime, setStartTime] = (0, import_react60.useState)(`${DefaultStartHour}:00`);
+  const [endTime, setEndTime] = (0, import_react60.useState)(`${DefaultEndHour}:00`);
+  const [allDay, setAllDay] = (0, import_react60.useState)(false);
+  const [location, setLocation] = (0, import_react60.useState)("");
+  const [color, setColor] = (0, import_react60.useState)("sky");
+  const [error, setError] = (0, import_react60.useState)(null);
+  const [startDateOpen, setStartDateOpen] = (0, import_react60.useState)(false);
+  const [endDateOpen, setEndDateOpen] = (0, import_react60.useState)(false);
+  (0, import_react60.useEffect)(() => {
   }, [event]);
-  const resetForm = (0, import_react59.useCallback)(() => {
+  const resetForm = (0, import_react60.useCallback)(() => {
     setTitle("");
     setDescription("");
     setStartDate(/* @__PURE__ */ new Date());
@@ -12975,12 +13068,12 @@ function EventDialog({
     setColor("sky");
     setError(null);
   }, []);
-  const formatTimeForInput = (0, import_react59.useCallback)((date) => {
+  const formatTimeForInput = (0, import_react60.useCallback)((date) => {
     const hours = date.getHours().toString().padStart(2, "0");
     const minutes = Math.floor(date.getMinutes() / 15) * 15;
     return `${hours}:${minutes.toString().padStart(2, "0")}`;
   }, []);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (event) {
       setTitle(event.title || "");
       setDescription(event.description || "");
@@ -12998,7 +13091,7 @@ function EventDialog({
       resetForm();
     }
   }, [event, formatTimeForInput, resetForm]);
-  const timeOptions = (0, import_react59.useMemo)(() => {
+  const timeOptions = (0, import_react60.useMemo)(() => {
     const options = [];
     for (let hour = StartHour; hour <= EndHour; hour++) {
       for (let minute = 0; minute < 60; minute += 15) {
@@ -13187,7 +13280,7 @@ function EventDialog({
                             }
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                            import_react60.CalendarIcon,
+                            import_react61.CalendarIcon,
                             {
                               "aria-hidden": "true",
                               className: "shrink-0 text-muted-foreground/80",
@@ -13266,7 +13359,7 @@ function EventDialog({
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                        import_react60.CalendarIcon,
+                        import_react61.CalendarIcon,
                         {
                           "aria-hidden": "true",
                           className: "shrink-0 text-muted-foreground/80",
@@ -13324,7 +13417,7 @@ function EventDialog({
                 allDay ? "bg-primary border-transparent text-white" : " border border-input"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react60.CalendarIcon, { size: 14, "aria-hidden": "true" }),
+                /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react61.CalendarIcon, { size: 14, "aria-hidden": "true" }),
                 "Dia inteiro"
               ]
             }
@@ -13383,7 +13476,7 @@ function EventDialog({
               onClick: handleDelete,
               size: "icon",
               variant: "outline",
-              children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react60.TrashIcon, { "aria-hidden": "true", size: 16 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react61.TrashIcon, { "aria-hidden": "true", size: 16 })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-1 justify-end gap-2", children: [
@@ -13398,10 +13491,10 @@ function EventDialog({
 
 // src/components/event-calendar/EventItem.tsx
 var import_date_fns9 = require("date-fns");
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var formatTimeWithOptionalMinutes = (date) => {
-  return (0, import_date_fns9.format)(date, (0, import_date_fns9.getMinutes)(date) === 0 ? "ha" : "h:mma").toLowerCase();
+  return (0, import_date_fns9.format)(date, "HH:mm");
 };
 function EventWrapper({
   event,
@@ -13461,15 +13554,15 @@ function EventItem({
   onTouchStart
 }) {
   const eventColor = event.color;
-  const displayStart = (0, import_react61.useMemo)(() => {
+  const displayStart = (0, import_react62.useMemo)(() => {
     return currentTime || new Date(event.start);
   }, [currentTime, event.start]);
-  const displayEnd = (0, import_react61.useMemo)(() => {
+  const displayEnd = (0, import_react62.useMemo)(() => {
     return currentTime ? new Date(
       new Date(currentTime).getTime() + (new Date(event.end).getTime() - new Date(event.start).getTime())
     ) : new Date(event.end);
   }, [currentTime, event.start, event.end]);
-  const durationMinutes = (0, import_react61.useMemo)(() => {
+  const durationMinutes = (0, import_react62.useMemo)(() => {
     return (0, import_date_fns9.differenceInMinutes)(displayEnd, displayStart);
   }, [displayStart, displayEnd]);
   const getEventTime = () => {
@@ -13592,9 +13685,9 @@ function EventItem({
 // src/components/event-calendar/EventsPopUp.tsx
 var import_date_fns10 = require("date-fns");
 var import_locale5 = require("date-fns/locale");
-var import_react62 = require("react");
+var import_react63 = require("react");
 var import_framer_motion18 = require("framer-motion");
-var import_react63 = require("@phosphor-icons/react");
+var import_react64 = require("@phosphor-icons/react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 function EventsPopup({
   date,
@@ -13603,8 +13696,8 @@ function EventsPopup({
   onClose,
   onEventSelect
 }) {
-  const popupRef = (0, import_react62.useRef)(null);
-  (0, import_react62.useEffect)(() => {
+  const popupRef = (0, import_react63.useRef)(null);
+  (0, import_react63.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (popupRef.current && !popupRef.current.contains(event.target)) {
         onClose();
@@ -13615,7 +13708,7 @@ function EventsPopup({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const handleEscKey = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -13630,7 +13723,7 @@ function EventsPopup({
     onEventSelect(event);
     onClose();
   };
-  const adjustedPosition = (0, import_react62.useMemo)(() => {
+  const adjustedPosition = (0, import_react63.useMemo)(() => {
     const positionCopy = { ...position };
     if (popupRef.current) {
       const rect = popupRef.current.getBoundingClientRect();
@@ -13670,15 +13763,15 @@ function EventsPopup({
           /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             "button",
             {
-              "aria-label": "Close",
+              "aria-label": "Fechar",
               className: "rounded-full p-1 hover:bg-muted",
               onClick: onClose,
               type: "button",
-              children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react63.XIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react64.XIcon, { className: "h-4 w-4" })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "space-y-2 p-3", children: events.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "py-2 text-muted-foreground text-sm", children: "No events" }) : events.map((event) => {
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "space-y-2 p-3", children: events.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("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 = (0, import_date_fns10.isSameDay)(date, eventStart);
@@ -13708,11 +13801,12 @@ function EventsPopup({
 
 // src/components/event-calendar/hooks/use-current-time-indicator.ts
 var import_date_fns11 = require("date-fns");
-var import_react64 = require("react");
+var import_locale6 = require("date-fns/locale");
+var import_react65 = require("react");
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = (0, import_react64.useState)(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react64.useState)(false);
-  (0, import_react64.useEffect)(() => {
+  const [currentTimePosition, setCurrentTimePosition] = (0, import_react65.useState)(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react65.useState)(false);
+  (0, import_react65.useEffect)(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -13725,8 +13819,8 @@ function useCurrentTimeIndicator(currentDate, view) {
       if (view === "day") {
         isCurrentTimeVisible = (0, import_date_fns11.isSameDay)(now, currentDate);
       } else if (view === "week") {
-        const startOfWeekDate = (0, import_date_fns11.startOfWeek)(currentDate, { weekStartsOn: 0 });
-        const endOfWeekDate = (0, import_date_fns11.endOfWeek)(currentDate, { weekStartsOn: 0 });
+        const startOfWeekDate = (0, import_date_fns11.startOfWeek)(currentDate, { locale: import_locale6.ptBR });
+        const endOfWeekDate = (0, import_date_fns11.endOfWeek)(currentDate, { locale: import_locale6.ptBR });
         isCurrentTimeVisible = (0, import_date_fns11.isWithinInterval)(now, {
           end: endOfWeekDate,
           start: startOfWeekDate
@@ -13743,15 +13837,15 @@ function useCurrentTimeIndicator(currentDate, view) {
 }
 
 // src/components/event-calendar/hooks/use-event-visibility.ts
-var import_react65 = require("react");
+var import_react66 = require("react");
 function useEventVisibility({
   eventHeight,
   eventGap
 }) {
-  const contentRef = (0, import_react65.useRef)(null);
-  const observerRef = (0, import_react65.useRef)(null);
-  const [contentHeight, setContentHeight] = (0, import_react65.useState)(null);
-  (0, import_react65.useLayoutEffect)(() => {
+  const contentRef = (0, import_react66.useRef)(null);
+  const observerRef = (0, import_react66.useRef)(null);
+  const [contentHeight, setContentHeight] = (0, import_react66.useState)(null);
+  (0, import_react66.useLayoutEffect)(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
       if (contentRef.current) {
@@ -13771,7 +13865,7 @@ function useEventVisibility({
       }
     };
   }, []);
-  const getVisibleEventCount = (0, import_react65.useMemo)(() => {
+  const getVisibleEventCount = (0, import_react66.useMemo)(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -13790,8 +13884,8 @@ function useEventVisibility({
 
 // src/components/event-calendar/MonthView.tsx
 var import_date_fns12 = require("date-fns");
-var import_locale6 = require("date-fns/locale");
-var import_react66 = require("react");
+var import_locale7 = require("date-fns/locale");
+var import_react67 = require("react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function MonthView({
   currentDate,
@@ -13799,21 +13893,21 @@ function MonthView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = (0, import_react66.useMemo)(() => {
+  const days = (0, import_react67.useMemo)(() => {
     const monthStart = (0, import_date_fns12.startOfMonth)(currentDate);
     const monthEnd = (0, import_date_fns12.endOfMonth)(monthStart);
     const calendarStart = (0, import_date_fns12.startOfWeek)(monthStart, { weekStartsOn: 0 });
     const calendarEnd = (0, import_date_fns12.endOfWeek)(monthEnd, { weekStartsOn: 0 });
     return (0, import_date_fns12.eachDayOfInterval)({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
-  const weekdays = (0, import_react66.useMemo)(() => {
+  const weekdays = (0, import_react67.useMemo)(() => {
     return Array.from({ length: 7 }).map((_, i) => {
       const date = (0, import_date_fns12.addDays)((0, import_date_fns12.startOfWeek)(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
-      const short = (0, import_date_fns12.format)(date, "EEE", { locale: import_locale6.ptBR });
+      const short = (0, import_date_fns12.format)(date, "EEE", { locale: import_locale7.ptBR });
       return short.charAt(0).toUpperCase() + short.slice(1);
     });
   }, []);
-  const weeks = (0, import_react66.useMemo)(() => {
+  const weeks = (0, import_react67.useMemo)(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -13829,12 +13923,12 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = (0, import_react66.useState)(false);
+  const [isMounted, setIsMounted] = (0, import_react67.useState)(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
   });
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "contents", "data-slot": "month-view", children: [
@@ -13909,7 +14003,7 @@ function MonthView({
                                       view: "month",
                                       children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { "aria-hidden": true, className: "invisible", children: [
                                         !event.allDay && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { children: [
-                                          (0, import_date_fns12.format)(new Date(event.start), "h:mm"),
+                                          (0, import_date_fns12.format)(new Date(event.start), "HH:mm"),
                                           " "
                                         ] }),
                                         event.title
@@ -13949,7 +14043,7 @@ function MonthView({
                                 "aria-label": `Show ${remainingCount} more events on ${(0, import_date_fns12.format)(
                                   day,
                                   "PPP",
-                                  { locale: import_locale6.ptBR }
+                                  { locale: import_locale7.ptBR }
                                 )}`,
                                 children: [
                                   /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "font-medium", children: [
@@ -13969,7 +14063,7 @@ function MonthView({
                                   "--event-height": `${EventHeight}px`
                                 },
                                 children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "space-y-2", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns12.format)(day, "EEE d", { locale: import_locale6.ptBR }) }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns12.format)(day, "EEE d", { locale: import_locale7.ptBR }) }),
                                   /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "space-y-1", children: sortEvents(allEvents).map((event) => {
                                     const eventStart = new Date(event.start);
                                     const eventEnd = new Date(event.end);
@@ -14090,8 +14184,8 @@ function addHoursToDate(date, hours) {
 
 // src/components/event-calendar/WeekView.tsx
 var import_date_fns14 = require("date-fns");
-var import_locale7 = require("date-fns/locale");
-var import_react67 = require("react");
+var import_locale8 = require("date-fns/locale");
+var import_react68 = require("react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function WeekView({
   currentDate,
@@ -14099,23 +14193,23 @@ function WeekView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = (0, import_react67.useMemo)(() => {
+  const days = (0, import_react68.useMemo)(() => {
     const weekStart2 = (0, import_date_fns14.startOfWeek)(currentDate, { weekStartsOn: 0 });
     const weekEnd = (0, import_date_fns14.endOfWeek)(currentDate, { weekStartsOn: 0 });
     return (0, import_date_fns14.eachDayOfInterval)({ end: weekEnd, start: weekStart2 });
   }, [currentDate]);
-  const weekStart = (0, import_react67.useMemo)(
+  const weekStart = (0, import_react68.useMemo)(
     () => (0, import_date_fns14.startOfWeek)(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = (0, import_react67.useMemo)(() => {
+  const hours = (0, import_react68.useMemo)(() => {
     const dayStart = (0, import_date_fns14.startOfDay)(currentDate);
     return (0, import_date_fns14.eachHourOfInterval)({
       end: (0, import_date_fns14.addHours)(dayStart, EndHour - 1),
       start: (0, import_date_fns14.addHours)(dayStart, StartHour)
     });
   }, [currentDate]);
-  const allDayEvents = (0, import_react67.useMemo)(() => {
+  const allDayEvents = (0, import_react68.useMemo)(() => {
     return events.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     }).filter((event) => {
@@ -14126,7 +14220,7 @@ function WeekView({
       );
     });
   }, [events, days]);
-  const processedDayEvents = (0, import_react67.useMemo)(() => {
+  const processedDayEvents = (0, import_react68.useMemo)(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
         if (event.allDay || isMultiDayEvent(event)) return false;
@@ -14219,11 +14313,11 @@ function WeekView({
           "data-today": (0, import_date_fns14.isToday)(day) || void 0,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { "aria-hidden": "true", className: "sm:hidden", children: [
-              (0, import_date_fns14.format)(day, "EEE", { locale: import_locale7.ptBR })[0],
+              (0, import_date_fns14.format)(day, "EEE", { locale: import_locale8.ptBR })[0],
               " ",
-              (0, import_date_fns14.format)(day, "d", { locale: import_locale7.ptBR })
+              (0, import_date_fns14.format)(day, "d", { locale: import_locale8.ptBR })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns14.format)(day, "EEE dd", { locale: import_locale7.ptBR }) })
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns14.format)(day, "EEE dd", { locale: import_locale8.ptBR }) })
           ]
         },
         day.toString()
@@ -14282,7 +14376,7 @@ function WeekView({
         "div",
         {
           className: "relative min-h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
-          children: index > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("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: (0, import_date_fns14.format)(hour, "h a") })
+          children: index > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("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: (0, import_date_fns14.format)(hour, "HH:mm") })
         },
         hour.toString()
       )) }),
@@ -14372,13 +14466,13 @@ function WeekView({
 }
 
 // src/hooks/use-drag.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = (0, import_react68.useState)(null);
-  const [positions, setPositions] = (0, import_react68.useState)({});
-  const dragStartPos = (0, import_react68.useRef)(null);
-  const dragId = (0, import_react68.useRef)(null);
-  const handleMouseDown = (0, import_react68.useCallback)((id, e) => {
+  const [isDragging, setIsDragging] = (0, import_react69.useState)(null);
+  const [positions, setPositions] = (0, import_react69.useState)({});
+  const dragStartPos = (0, import_react69.useRef)(null);
+  const dragId = (0, import_react69.useRef)(null);
+  const handleMouseDown = (0, import_react69.useCallback)((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
     dragStartPos.current = {
@@ -14391,7 +14485,7 @@ var useDrag = (options = {}) => {
     setIsDragging(id);
     options.onDragStart?.(id);
   }, [positions, options]);
-  const handleMouseMove = (0, import_react68.useCallback)((e) => {
+  const handleMouseMove = (0, import_react69.useCallback)((e) => {
     if (!isDragging || !dragStartPos.current || !dragId.current) return;
     const deltaX = e.clientX - dragStartPos.current.x;
     const deltaY = e.clientY - dragStartPos.current.y;
@@ -14407,7 +14501,7 @@ var useDrag = (options = {}) => {
     }));
     options.onDrag?.(dragId.current, newPosition);
   }, [isDragging, options]);
-  const handleMouseUp = (0, import_react68.useCallback)(() => {
+  const handleMouseUp = (0, import_react69.useCallback)(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
     }
@@ -14415,7 +14509,7 @@ var useDrag = (options = {}) => {
     dragStartPos.current = null;
     dragId.current = null;
   }, [options]);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -14427,16 +14521,16 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = (0, import_react68.useCallback)((id, position) => {
+  const setPosition = (0, import_react69.useCallback)((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = (0, import_react68.useCallback)((id) => {
+  const getPosition = (0, import_react69.useCallback)((id) => {
     return positions[id] || { top: 0, left: 0 };
   }, [positions]);
-  const isElementDragging = (0, import_react68.useCallback)((id) => {
+  const isElementDragging = (0, import_react69.useCallback)((id) => {
     return isDragging === id;
   }, [isDragging]);
   return {