@mlw-packages/react-components 1.10.16 → 1.10.18

package/dist/index.mjs

@@ -1,11 +1,11 @@
 import './index.css';
 import * as React32 from 'react';
-import React32__default, { forwardRef, useState, useEffect, createContext, useRef, useCallback, useMemo, useId, useContext, useLayoutEffect } from 'react';
+import React32__default, { forwardRef, useState, useEffect, createContext, useRef, useCallback, memo, useMemo, useId, useContext, useLayoutEffect } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, CopyIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, MapPinIcon, CalendarDotsIcon, ClockIcon, AlignLeftIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, PencilIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, DesktopIcon } from '@phosphor-icons/react';
+import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, ArrowElbowDownRightIcon, ArrowBendUpLeftIcon, CommandIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, CopyIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, MapPinIcon, CalendarDotsIcon, ClockIcon, AlignLeftIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, PencilIcon, ClockCounterClockwiseIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, DesktopIcon } from '@phosphor-icons/react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -37,12 +37,12 @@ import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { Prism } from 'react-syntax-highlighter';
 import { format, startOfMonth, endOfMonth, eachDayOfInterval, isToday, isSameDay, differenceInCalendarDays, differenceInMinutes, isPast, startOfDay, eachHourOfInterval, addHours, getHours, getMinutes, areIntervalsOverlapping, startOfWeek, endOfWeek, isSameMonth, addDays, startOfYear, endOfYear, eachMonthOfInterval, differenceInDays, isBefore, addMinutes, subMonths, subWeeks, subYears, addMonths, addWeeks, addYears, isWithinInterval, add, max, min } from 'date-fns';
 import { ptBR } from 'date-fns/locale';
-import ptBR3 from 'date-fns/locale/pt-BR';
 import { useSensors, useSensor, MouseSensor, TouchSensor, PointerSensor, DndContext, DragOverlay, useDroppable, useDraggable } from '@dnd-kit/core';
 import { CSS } from '@dnd-kit/utilities';
 import { RadioGroup, RadioGroupItem } from '@radix-ui/react-radio-group';
 import { ResponsiveContainer, ComposedChart, XAxis, YAxis, Bar, Line, Area, CartesianGrid, Tooltip, Legend, LabelList, Rectangle } from 'recharts';
 import useEmblaCarousel from 'embla-carousel-react';
+import { useVirtualizer } from '@tanstack/react-virtual';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -2513,7 +2513,7 @@ function Combobox({
   ] });
 }
 var badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-md border text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  "inline-flex items-center justify-center rounded-md border text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-border",
   {
     variants: {
       size: {
@@ -2530,6 +2530,7 @@ var badgeVariants = cva(
 function Badge({
   className,
   color,
+  rank,
   size = "md",
   asChild = false,
   children,
@@ -2546,6 +2547,12 @@ function Badge({
     blue: "bg-blue-50 text-blue-500 border-blue-200",
     purple: "bg-purple-50 text-purple-500 border-purple-200"
   };
+  const rankClasses = {
+    diamond: "bg-cyan-100 text-cyan-600 border-cyan-300",
+    gold: "bg-yellow-100 text-yellow-500 border-yellow-300",
+    silver: "bg-gray-100 text-gray-500 border-gray-300",
+    bronze: "bg-orange-100 text-orange-700 border-orange-300"
+  };
   return /* @__PURE__ */ jsx(
     Comp,
     {
@@ -2553,6 +2560,7 @@ function Badge({
       className: cn(
         badgeVariants({ size }),
         color ? colorClasses[color] : void 0,
+        rank ? rankClasses[rank] : void 0,
         className
       ),
       style: customStyle,
@@ -7816,7 +7824,8 @@ function DateTimePicker({
   disabled,
   className,
   error,
-  hideClear = true
+  hideClear = true,
+  triggerIcon
 }) {
   const [internalDate, setInternalDate] = useState(date);
   const [open, setOpen] = useState(false);
@@ -7866,193 +7875,222 @@ function DateTimePicker({
   const { ref: contentRef, center } = use_auto_center_default(open);
   const basePopoverClass = "w-auto max-w-[calc(100vw-16px)] p-0 border-none shadow-none";
   const centeredPopoverClass = "w-auto max-w-[calc(100vw-16px)] p-0 border-none shadow-none fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-50";
-  const renderTriggerButton = () => /* @__PURE__ */ jsxs(
-    ButtonBase,
-    {
-      variant: "outline",
-      disabled,
-      className: cn(
-        "w-full justify-start text-left min-w-0 overflow-hidden",
-        !date && "text-muted-foreground"
-      ),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: cn("truncate flex-1", !date && "text-muted-foreground"), children: date ? format(date, getDisplayFormat(), { locale: ptBR }) : "Selecione uma data" }),
-        /* @__PURE__ */ jsx(motion.span, { className: "flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-0 items-center ", children: [
-          hideClear && (date || internalDate) && /* @__PURE__ */ jsx(
-            ClearButton,
-            {
-              onClick: (e) => {
-                e?.stopPropagation();
-                setInternalDate(null);
-                onChange?.(null);
-                onConfirm?.(null);
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            motion.div,
-            {
-              animate: { rotate: open ? 15 : 0 },
-              transition: { duration: 0.03 },
-              children: /* @__PURE__ */ jsx(CalendarBlankIcon, { className: "h-4 w-4" })
-            }
-          )
-        ] }) })
-      ]
+  const renderTriggerButton = () => {
+    if (triggerIcon) {
+      return /* @__PURE__ */ jsx(
+        ButtonBase,
+        {
+          variant: "outline",
+          size: "icon",
+          disabled,
+          className: cn("no-active-animation", error && "border-red-500"),
+          children: /* @__PURE__ */ jsx(CalendarBlankIcon, { className: "h-4 w-4" })
+        }
+      );
     }
-  );
-  const renderPickerContent = () => /* @__PURE__ */ jsxs("div", { className: "p-2 sm:p-3 border border-border rounded-md", children: [
-    isMobile && !hideTime ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-h-0", children: [
-      internalDate && /* @__PURE__ */ jsx("div", { className: "flex  items-center gap-3 px-4 py-3 rounded-lg ", children: /* @__PURE__ */ jsxs("span", { className: "text-md font-semibold", children: [
-        format(internalDate, "dd 'de' MMMM 'de' yyyy", {
-          locale: ptBR
-        }),
-        " ",
-        "- ",
-        format(internalDate, hideSeconds ? "HH:mm" : "HH:mm:ss")
-      ] }) }),
-      /* @__PURE__ */ jsxs(TabsBase, { value: activeTab, onValueChange: setActiveTab, children: [
-        /* @__PURE__ */ jsxs(TabsListBase, { className: "", children: [
-          /* @__PURE__ */ jsx(TabsTriggerBase, { value: "calendar", className: "flex-1", children: "Data" }),
-          /* @__PURE__ */ jsx(TabsTriggerBase, { value: "time", className: "flex-1", children: "Hor\xE1rio" })
-        ] }),
-        /* @__PURE__ */ jsx(TabsContentBase, { value: "calendar", className: "mt-0", children: /* @__PURE__ */ jsx(
-          CalendarBase2,
-          {
-            mode: "single",
-            locale: ptBR,
-            selected: internalDate ?? void 0,
-            onSelect: (d) => handleSelect(d ?? null),
-            autoFocus: true,
-            defaultMonth: fromDate ?? toDate ?? internalDate ?? void 0,
-            ...fromDate && { startMonth: fromDate },
-            ...toDate && { endMonth: toDate },
-            ...fromDate || toDate ? {
-              disabled: [
-                ...fromDate ? [{ before: fromDate }] : [],
-                ...toDate ? [{ after: toDate }] : []
-              ]
-            } : {},
-            className: cn("w-full rounded-none border-none")
-          }
-        ) }),
-        /* @__PURE__ */ jsx(TabsContentBase, { value: "time", className: "mt-0", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center gap-4 py-2", children: /* @__PURE__ */ jsx(
-          TimeScrollPicker,
-          {
-            setDate: (d) => handleTimeChange(d ?? null),
-            date: internalDate,
-            hideSeconds
-          }
-        ) }) })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs(
-      "div",
+    return /* @__PURE__ */ jsxs(
+      ButtonBase,
       {
-        ref: contentRef,
-        className: "flex flex-col sm:flex-row max-h-auto overflow-y-auto border-none rounded-md",
+        variant: "outline",
+        disabled,
+        className: cn(
+          "w-full justify-start text-left min-w-0 overflow-hidden",
+          !date && "text-muted-foreground"
+        ),
         children: [
           /* @__PURE__ */ jsx(
-            CalendarBase2,
+            "span",
             {
-              mode: "single",
-              locale: ptBR,
-              selected: internalDate ?? void 0,
-              onSelect: (d) => handleSelect(d ?? null),
-              autoFocus: true,
-              defaultMonth: fromDate ?? toDate ?? internalDate ?? void 0,
-              ...fromDate && { startMonth: fromDate },
-              ...toDate && { endMonth: toDate },
-              ...fromDate || toDate ? {
-                disabled: [
-                  ...fromDate ? [{ before: fromDate }] : [],
-                  ...toDate ? [{ after: toDate }] : []
-                ]
-              } : {},
-              className: cn(
-                "w-max rounded-none border-none",
-                !hideTime && "sm:rounded-r-none"
-              )
+              className: cn("truncate flex-1", !date && "text-muted-foreground"),
+              children: date ? format(date, getDisplayFormat(), { locale: ptBR }) : "Selecione uma data"
             }
           ),
-          !hideTime && /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "flex flex-col items-center justify-center",
-                "border-l"
-              ),
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize text-left", children: "Hor\xE1rio" }),
-                /* @__PURE__ */ jsx(
-                  TimeScrollPicker,
-                  {
-                    setDate: (d) => handleTimeChange(d ?? null),
-                    date: internalDate,
-                    hideSeconds
-                  }
-                )
-              ]
-            }
-          )
+          /* @__PURE__ */ jsx(motion.span, { className: "flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-0 items-center ", children: [
+            hideClear && (date || internalDate) && /* @__PURE__ */ jsx(
+              ClearButton,
+              {
+                onClick: (e) => {
+                  e?.stopPropagation();
+                  setInternalDate(null);
+                  onChange?.(null);
+                  onConfirm?.(null);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                animate: { rotate: open ? 15 : 0 },
+                transition: { duration: 0.03 },
+                children: /* @__PURE__ */ jsx(CalendarBlankIcon, { className: "h-4 w-4" })
+              }
+            )
+          ] }) })
         ]
       }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex rounded-md p-1.5 gap-2", children: [
-      /* @__PURE__ */ jsx(
-        ButtonBase,
-        {
-          variant: "outline",
-          className: "no-active-animation",
-          tooltip: "Hoje",
-          size: "icon",
-          onClick: () => {
-            const now = /* @__PURE__ */ new Date();
-            const selected = hideTime ? new Date(
-              Date.UTC(
-                now.getUTCFullYear(),
-                now.getUTCMonth(),
-                now.getUTCDate(),
-                0,
-                0,
-                0,
-                0
-              )
-            ) : now;
-            setInternalDate(selected);
-            onChange?.(selected);
-            onConfirm?.(selected);
-          },
-          children: /* @__PURE__ */ jsx(CalendarDotIcon$1, { className: "h-4 w-4" })
-        }
+    );
+  };
+  const renderPickerContent = () => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "p-2 sm:p-3",
+        !isMobile && "border border-border rounded-md"
       ),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:flex-row w-full gap-2", children: [
-        /* @__PURE__ */ jsx(
-          ButtonBase,
+      children: [
+        isMobile && !hideTime ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-h-0", children: [
+          internalDate && /* @__PURE__ */ jsx("div", { className: "flex  items-center gap-3 px-4 py-3 rounded-lg ", children: /* @__PURE__ */ jsxs("span", { className: "text-md font-semibold", children: [
+            format(internalDate, "dd 'de' MMMM 'de' yyyy", {
+              locale: ptBR
+            }),
+            " ",
+            "- ",
+            format(internalDate, hideSeconds ? "HH:mm" : "HH:mm:ss")
+          ] }) }),
+          /* @__PURE__ */ jsxs(TabsBase, { value: activeTab, onValueChange: setActiveTab, children: [
+            /* @__PURE__ */ jsxs(TabsListBase, { className: "", children: [
+              /* @__PURE__ */ jsx(TabsTriggerBase, { value: "calendar", className: "flex-1", children: "Data" }),
+              /* @__PURE__ */ jsx(TabsTriggerBase, { value: "time", className: "flex-1", children: "Hor\xE1rio" })
+            ] }),
+            /* @__PURE__ */ jsx(TabsContentBase, { value: "calendar", className: "mt-0", children: /* @__PURE__ */ jsx(
+              CalendarBase2,
+              {
+                mode: "single",
+                locale: ptBR,
+                selected: internalDate ?? void 0,
+                onSelect: (d) => handleSelect(d ?? null),
+                autoFocus: true,
+                defaultMonth: fromDate ?? toDate ?? internalDate ?? void 0,
+                ...fromDate && { startMonth: fromDate },
+                ...toDate && { endMonth: toDate },
+                ...fromDate || toDate ? {
+                  disabled: [
+                    ...fromDate ? [{ before: fromDate }] : [],
+                    ...toDate ? [{ after: toDate }] : []
+                  ]
+                } : {},
+                className: cn("w-full rounded-none border-none")
+              }
+            ) }),
+            /* @__PURE__ */ jsx(TabsContentBase, { value: "time", className: "mt-0", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center gap-4 py-2", children: /* @__PURE__ */ jsx(
+              TimeScrollPicker,
+              {
+                setDate: (d) => handleTimeChange(d ?? null),
+                date: internalDate,
+                hideSeconds
+              }
+            ) }) })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs(
+          "div",
           {
-            className: "no-active-animation rounded-md bg-background text-primary border hover:bg-muted/50 overflow-hidden flex-1 min-w-0 border-border",
-            onClick: () => setOpen(false),
-            children: "Cancelar"
+            ref: contentRef,
+            className: "flex flex-col sm:flex-row max-h-auto overflow-y-auto border-none rounded-md",
+            children: [
+              /* @__PURE__ */ jsx(
+                CalendarBase2,
+                {
+                  mode: "single",
+                  locale: ptBR,
+                  selected: internalDate ?? void 0,
+                  onSelect: (d) => handleSelect(d ?? null),
+                  autoFocus: true,
+                  defaultMonth: fromDate ?? toDate ?? internalDate ?? void 0,
+                  ...fromDate && { startMonth: fromDate },
+                  ...toDate && { endMonth: toDate },
+                  ...fromDate || toDate ? {
+                    disabled: [
+                      ...fromDate ? [{ before: fromDate }] : [],
+                      ...toDate ? [{ after: toDate }] : []
+                    ]
+                  } : {},
+                  className: cn(
+                    "w-max rounded-none border-none",
+                    !hideTime && "sm:rounded-r-none"
+                  )
+                }
+              ),
+              !hideTime && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-col items-center justify-center",
+                    "border-l"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize text-left", children: "Hor\xE1rio" }),
+                    /* @__PURE__ */ jsx(
+                      TimeScrollPicker,
+                      {
+                        setDate: (d) => handleTimeChange(d ?? null),
+                        date: internalDate,
+                        hideSeconds
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
           }
         ),
-        /* @__PURE__ */ jsx(
-          ButtonBase,
-          {
-            className: cn(
-              "no-active-animation rounded-md bg-emerald-600",
-              internalDate ? "hover:bg-emerald-700" : "opacity-50 cursor-not-allowed"
+        /* @__PURE__ */ jsxs("div", { className: "flex rounded-md p-1.5 gap-2", children: [
+          /* @__PURE__ */ jsx(
+            ButtonBase,
+            {
+              variant: "outline",
+              className: "no-active-animation",
+              tooltip: "Hoje",
+              size: "icon",
+              onClick: () => {
+                const now = /* @__PURE__ */ new Date();
+                const selected = hideTime ? new Date(
+                  Date.UTC(
+                    now.getUTCFullYear(),
+                    now.getUTCMonth(),
+                    now.getUTCDate(),
+                    0,
+                    0,
+                    0,
+                    0
+                  )
+                ) : now;
+                setInternalDate(selected);
+                onChange?.(selected);
+                onConfirm?.(selected);
+              },
+              children: /* @__PURE__ */ jsx(CalendarDotIcon$1, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:flex-row w-full gap-2", children: [
+            /* @__PURE__ */ jsx(
+              ButtonBase,
+              {
+                className: "no-active-animation rounded-md bg-background text-primary border hover:bg-muted/50 overflow-hidden flex-1 min-w-0 border-border",
+                onClick: () => setOpen(false),
+                children: "Cancelar"
+              }
             ),
-            disabled: !internalDate,
-            onClick: () => {
-              if (!internalDate) return;
-              setOpen(false);
-              onConfirm?.(internalDate);
-            },
-            children: "Confirmar"
-          }
-        )
-      ] })
-    ] })
-  ] });
+            /* @__PURE__ */ jsx(
+              ButtonBase,
+              {
+                className: cn(
+                  "no-active-animation rounded-md bg-emerald-600",
+                  internalDate ? "hover:bg-emerald-700" : "opacity-50 cursor-not-allowed"
+                ),
+                disabled: !internalDate,
+                onClick: () => {
+                  if (!internalDate) return;
+                  setOpen(false);
+                  onConfirm?.(internalDate);
+                },
+                children: "Confirmar"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
   return /* @__PURE__ */ jsxs("div", { className: cn("w-full sm:w-auto", className), children: [
     label && /* @__PURE__ */ jsx(LabelBase_default, { children: label }),
     isMobile ? /* @__PURE__ */ jsxs(DialogBase, { open, onOpenChange: setOpen, children: [
@@ -8066,7 +8104,7 @@ function DateTimePicker({
         }
       ),
       /* @__PURE__ */ jsx(ErrorMessage_default, { error }),
-      /* @__PURE__ */ jsx(DialogContentBase, { className: "p-0 max-h-[95vh] w-3/6 overflow-hidden flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "overflow-y-auto flex-1", children: renderPickerContent() }) })
+      /* @__PURE__ */ jsx(DialogContentBase, { className: "p-0 max-h-[95vh] w-[95%] sm:max-w-lg overflow-hidden flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "overflow-y-auto flex-1", children: renderPickerContent() }) })
     ] }) : /* @__PURE__ */ jsxs(PopoverBase, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx(
         PopoverTriggerBase,
@@ -8088,7 +8126,6 @@ function DateTimePicker({
     ] })
   ] });
 }
-var dateFnsLocale = ptBR3?.default ?? ptBR3;
 function RangePicker({
   value,
   onChange,
@@ -8143,8 +8180,8 @@ function RangePicker({
                       !range && "text-muted-foreground"
                     ),
                     children: range?.from && range?.to ? `${format(range.from, "P", {
-                      locale: dateFnsLocale
-                    })} - ${format(range.to, "P", { locale: dateFnsLocale })}` : "Selecione um intervalo"
+                      locale: ptBR
+                    })} - ${format(range.to, "P", { locale: ptBR })}` : "Selecione um intervalo"
                   }
                 ),
                 /* @__PURE__ */ jsx(motion.span, { className: "flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-0 items-center ", children: [
@@ -8204,7 +8241,7 @@ function RangePicker({
                         mode: "range",
                         selected: range,
                         onSelect: handleSelect,
-                        locale: dateFnsLocale,
+                        locale: ptBR,
                         showOutsideDays: true,
                         fixedWeeks: true,
                         weekStartsOn: 1,
@@ -21475,5 +21512,675 @@ function processIntegrationData(integrations, targetSystemName) {
     connections
   };
 }
+function normalizeStr(s) {
+  return s.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+}
+function scoreMatch(item, query) {
+  const q = normalizeStr(query);
+  const label = normalizeStr(item.label);
+  const desc = normalizeStr(item.description ?? "");
+  const keywords = (item.keywords ?? []).map(normalizeStr);
+  if (label === q) return 100;
+  if (label.startsWith(q)) return 90;
+  if (label.includes(q)) return 70;
+  if (desc.includes(q)) return 50;
+  if (keywords.some((k) => k.includes(q))) return 40;
+  return -1;
+}
+function filterAndScore(groups, query) {
+  if (!query.trim()) return groups;
+  return groups.map((g) => ({
+    ...g,
+    items: g.items.map((item) => ({ item, score: scoreMatch(item, query) })).filter(({ score }) => score >= 0).sort((a, b) => b.score - a.score).map(({ item }) => item)
+  })).filter((g) => g.items.length > 0).sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
+}
+function normaliseGroups(items = [], groups = []) {
+  const result = [];
+  if (items.length > 0) {
+    result.push({ id: "__flat__", label: "", items });
+  }
+  result.push(...groups);
+  return result;
+}
+function unionGroups(base, terms) {
+  if (terms.length === 0) return base;
+  const allMatchedIds = /* @__PURE__ */ new Set();
+  terms.forEach((term) => {
+    const filtered = filterAndScore(base, term);
+    filtered.forEach((g) => g.items.forEach((i) => allMatchedIds.add(i.id)));
+  });
+  return base.map((group) => ({
+    ...group,
+    items: group.items.filter((item) => allMatchedIds.has(item.id))
+  })).filter((group) => group.items.length > 0);
+}
+function createGroup(id, label, items, opts) {
+  return { id, label, items, ...opts };
+}
+function createItem(item) {
+  return item;
+}
+var STORAGE_KEY = "cmd:recents";
+var MAX_RECENTS = 5;
+function readStorage() {
+  try {
+    return JSON.parse(localStorage.getItem(STORAGE_KEY) ?? "[]");
+  } catch {
+    return [];
+  }
+}
+function writeStorage(ids) {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(ids));
+  } catch {
+    console.error("Failed to write to localStorage");
+  }
+}
+function useRecents(allItems) {
+  const [recentIds, setRecentIds] = useState(readStorage);
+  const push = useCallback((item) => {
+    setRecentIds((prev) => {
+      const next = [item.id, ...prev.filter((id) => id !== item.id)].slice(
+        0,
+        MAX_RECENTS
+      );
+      writeStorage(next);
+      return next;
+    });
+  }, []);
+  const clear = useCallback(() => {
+    setRecentIds([]);
+    writeStorage([]);
+  }, []);
+  const items = recentIds.map((id) => allItems.find((i) => i.id === id)).filter(Boolean);
+  return { items, push, clear };
+}
+function Kbd({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: cn(
+        "bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function KbdGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      "data-slot": "kbd-group",
+      className: cn("gap-1 inline-flex items-center", className),
+      ...props
+    }
+  );
+}
+function GroupLabel({ group }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5 mb-1", children: [
+    group.icon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground w-3.5 h-3.5", children: group.icon }),
+    /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-widest", children: group.label })
+  ] });
+}
+function mapBadgeVariantToColor(variant) {
+  if (!variant) return void 0;
+  switch (variant) {
+    case "success":
+      return "green";
+    case "warning":
+      return "yellow";
+    case "danger":
+      return "red";
+    case "primary":
+      return "blue";
+    case "secondary":
+      return "purple";
+    case "destructive":
+      return "red";
+    case "muted":
+      return "gray";
+    case "default":
+      return "gray";
+    default:
+      return void 0;
+  }
+}
+function CommandItemRow({
+  item,
+  isActive,
+  onSelect,
+  onHover
+}) {
+  return /* @__PURE__ */ jsxs(
+    motion.button,
+    {
+      layout: true,
+      onClick: onSelect,
+      onMouseEnter: onHover,
+      className: `
+        w-full flex items-center gap-1 px-2  py-1 rounded-md text-left cursor-pointer
+        transition-colors duration-75 group relative
+        ${isActive ? "text-accent-foreground hover:bg-accent" : "hover:bg-accent hover:text-accent-foreground"}
+      `,
+      children: [
+        item.icon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `relative flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-md text-base
+          ${isActive ? "bg-primary/20 text-primary" : "bg-muted text-muted-foreground group-hover:text-foreground"}`,
+            children: item.icon
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-w-0 px-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3  flex-wrap", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `text-sm font-medium truncate ${isActive ? "text-foreground" : "text-foreground/80"}`,
+                children: item.label
+              }
+            ),
+            item.badge && /* @__PURE__ */ jsx(Badge, { color: mapBadgeVariantToColor(item.badgeVariant), children: item.badge.toUpperCase() })
+          ] }),
+          item.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: item.description })
+        ] }),
+        item.shortcut && /* @__PURE__ */ jsx("div", { className: "relative hidden sm:flex items-center gap-1 flex-shrink-0", children: item.shortcut.map((k, i) => /* @__PURE__ */ jsx(Kbd, { children: k }, i)) }),
+        isActive && /* @__PURE__ */ jsx(
+          CaretRightIcon,
+          {
+            className: "relative w-4 h-4 text-primary flex-shrink-0",
+            weight: "bold"
+          }
+        )
+      ]
+    }
+  );
+}
+var PAGE_SIZE = 8;
+function useCommandPalette({
+  items = [],
+  groups = [],
+  open,
+  onOpenChange,
+  recentItems = [],
+  onRecentItemsChange,
+  maxRecentItems = 5,
+  multiSearch = false
+}) {
+  const [query, setQuery] = React32.useState("");
+  const [activeIndex, setActiveIndex] = React32.useState(0);
+  const [page, setPage] = React32.useState(0);
+  const baseGroups = React32.useMemo(
+    () => normaliseGroups(items, groups),
+    [items, groups]
+  );
+  React32.useEffect(() => {
+    if (open) {
+      setQuery("");
+      setActiveIndex(0);
+      setPage(0);
+    }
+  }, [open]);
+  const searchTerms = React32.useMemo(() => {
+    const parts = query.split(",");
+    if (parts.length <= 1 && !multiSearch) return [];
+    return parts.map((t) => t.trim().toLowerCase()).filter(Boolean);
+  }, [query, multiSearch]);
+  const allMatchedGroups = React32.useMemo(() => {
+    if (!query.trim()) {
+      if (recentItems.length > 0) {
+        return [
+          {
+            id: "__recent__",
+            label: "Recent",
+            icon: React32.createElement(ClockCounterClockwiseIcon),
+            items: recentItems,
+            priority: 999
+          },
+          ...baseGroups
+        ];
+      }
+      return baseGroups;
+    }
+    if (searchTerms.length > 1 || multiSearch && searchTerms.length > 0) {
+      return unionGroups(baseGroups, searchTerms);
+    }
+    return filterAndScore(baseGroups, query);
+  }, [query, baseGroups, recentItems, multiSearch, searchTerms]);
+  const allFlatItems = useMemo(
+    () => allMatchedGroups.flatMap((g) => g.items),
+    [allMatchedGroups]
+  );
+  const totalItems = allFlatItems.length;
+  const totalPages = Math.max(1, Math.ceil(totalItems / PAGE_SIZE));
+  useEffect(() => {
+    setPage(0);
+    setActiveIndex(0);
+  }, [query]);
+  useEffect(() => {
+    setActiveIndex(0);
+  }, [page]);
+  const displayedGroups = useMemo(() => {
+    const start = page * PAGE_SIZE;
+    const end = start + PAGE_SIZE;
+    let count = 0;
+    const result = [];
+    for (const group of allMatchedGroups) {
+      const slicedItems = [];
+      for (const item of group.items) {
+        if (count >= start && count < end) slicedItems.push(item);
+        count++;
+        if (count >= end) break;
+      }
+      if (slicedItems.length > 0) {
+        result.push({ ...group, items: slicedItems });
+      }
+      if (count >= end) break;
+    }
+    return result;
+  }, [allMatchedGroups, page]);
+  const flatItems = useMemo(
+    () => displayedGroups.flatMap((g) => g.items),
+    [displayedGroups]
+  );
+  const pageItemCount = flatItems.length;
+  useEffect(() => {
+    setActiveIndex((i) => Math.min(i, Math.max(pageItemCount - 1, 0)));
+  }, [pageItemCount]);
+  function handleSelect(item) {
+    if (!item) return;
+    item.onSelect();
+    onOpenChange?.(false);
+    if (onRecentItemsChange) {
+      const next = [item, ...recentItems.filter((r) => r.id !== item.id)].slice(
+        0,
+        maxRecentItems
+      );
+      onRecentItemsChange(next);
+    }
+  }
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        if (activeIndex === pageItemCount - 1 && page < totalPages - 1) {
+          setPage((p) => p + 1);
+        } else {
+          setActiveIndex((i) => (i + 1) % Math.max(pageItemCount, 1));
+        }
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        if (activeIndex === 0 && page > 0) {
+          setPage((p) => p - 1);
+          setActiveIndex(PAGE_SIZE - 1);
+        } else {
+          setActiveIndex(
+            (i) => (i - 1 + Math.max(pageItemCount, 1)) % Math.max(pageItemCount, 1)
+          );
+        }
+      } else if (e.key === "Enter") {
+        e.preventDefault();
+        handleSelect(flatItems[activeIndex]);
+      }
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [open, flatItems, activeIndex, pageItemCount, page, totalPages]);
+  return {
+    query,
+    setQuery,
+    activeIndex,
+    setActiveIndex,
+    page,
+    setPage,
+    searchTerms,
+    allMatchedGroups,
+    allFlatItems,
+    displayedGroups,
+    flatItems,
+    totalItems,
+    totalPages,
+    handleSelect,
+    isEmpty: totalItems === 0 && query.trim().length > 0,
+    showList: query.trim() !== "" || recentItems.length > 0
+  };
+}
+function useKeyboardShortcut(key, callback, options = {}) {
+  useEffect(() => {
+    const handleKeyDown = (event) => {
+      const { ctrl, meta, shift, alt } = options;
+      const isKeyMatch = event.key.toLowerCase() === key.toLowerCase();
+      const isCtrlMatch = ctrl === void 0 || event.ctrlKey === ctrl;
+      const isMetaMatch = meta === void 0 || event.metaKey === meta;
+      const isShiftMatch = shift === void 0 || event.shiftKey === shift;
+      const isAltMatch = alt === void 0 || event.altKey === alt;
+      if (isKeyMatch && isCtrlMatch && isMetaMatch && isShiftMatch && isAltMatch) {
+        event.preventDefault();
+        callback();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [key, callback, options]);
+}
+var ITEM_HEIGHT2 = 40;
+var LABEL_HEIGHT = 28;
+var LIST_MAX_HEIGHT = 460;
+var ANIMATION = {
+  overlay: { duration: 0.18 },
+  panel: { duration: 0.2, ease: [0.16, 1, 0.3, 1] },
+  mobilePanel: { duration: 0.18, ease: [0.16, 1, 0.3, 1] },
+  empty: { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 } }
+};
+var SearchBadges = memo(({ terms }) => {
+  if (terms.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 px-4 py-1.5 border-b border-border flex-wrap", children: terms.map((term, i) => /* @__PURE__ */ jsx(Badge, { children: term }, i)) });
+});
+SearchBadges.displayName = "SearchBadges";
+var EmptyState = memo(({ message }) => /* @__PURE__ */ jsxs(
+  motion.div,
+  {
+    ...ANIMATION.empty,
+    className: "flex flex-col items-center justify-center py-14 text-center gap-3",
+    children: [
+      /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-md bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "w-6 h-6 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: message }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/60 mt-1", children: "Try a different search term" })
+      ] })
+    ]
+  }
+));
+EmptyState.displayName = "EmptyState";
+var VirtualResultList = memo(
+  ({
+    listRef,
+    isEmpty,
+    emptyMessage,
+    displayedGroups,
+    flatItems,
+    activeIndex,
+    onHover,
+    onSelect
+  }) => {
+    const rows = useMemo(() => {
+      const acc = [];
+      for (const group of displayedGroups) {
+        if (group.label) acc.push({ kind: "label", group });
+        for (const item of group.items) {
+          const globalIdx = flatItems.findIndex((f) => f.id === item.id);
+          acc.push({ kind: "item", item, globalIdx });
+        }
+      }
+      return acc;
+    }, [displayedGroups, flatItems]);
+    const virtualizer = useVirtualizer({
+      count: rows.length,
+      getScrollElement: () => listRef.current,
+      estimateSize: (i) => rows[i].kind === "label" ? LABEL_HEIGHT : ITEM_HEIGHT2,
+      overscan: 8
+    });
+    const virtualItems = virtualizer.getVirtualItems();
+    const totalSize = virtualizer.getTotalSize();
+    if (isEmpty) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: listRef,
+          className: "overflow-y-auto overscroll-contain px-2 py-1",
+          style: { maxHeight: `min(${LIST_MAX_HEIGHT}px, 60vh)` },
+          children: /* @__PURE__ */ jsx(EmptyState, { message: emptyMessage })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: listRef,
+        className: "overflow-y-auto overscroll-contain px-2 py-1 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/30 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/50 transition-colors",
+        style: { maxHeight: `min(${LIST_MAX_HEIGHT}px, 60vh)` },
+        children: /* @__PURE__ */ jsx("div", { style: { height: totalSize, position: "relative" }, children: virtualItems.map((vItem) => {
+          const row = rows[vItem.index];
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-index": vItem.index,
+              ref: virtualizer.measureElement,
+              style: {
+                position: "absolute",
+                top: vItem.start,
+                left: 0,
+                right: 0
+              },
+              children: row.kind === "label" ? /* @__PURE__ */ jsx(GroupLabel, { group: row.group }) : /* @__PURE__ */ jsx("div", { "data-active": row.globalIdx === activeIndex, children: /* @__PURE__ */ jsx(
+                CommandItemRow,
+                {
+                  item: row.item,
+                  isActive: row.globalIdx === activeIndex,
+                  onHover: () => onHover(row.globalIdx),
+                  onSelect: () => onSelect(row.item)
+                }
+              ) })
+            },
+            vItem.key
+          );
+        }) })
+      }
+    );
+  }
+);
+VirtualResultList.displayName = "VirtualResultList";
+var FooterBar = memo(({ footer, totalItems }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-t border-border bg-muted/30", children: [
+  footer ?? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-[11px] text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx(ArrowElbowDownRightIcon, { className: "w-3 h-3" }),
+      "Selecionar"
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-mono", children: "\u2191\u2193" }),
+      "Navegar"
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx(ArrowBendUpLeftIcon, { className: "w-3 h-3" }),
+      "Fechar"
+    ] })
+  ] }),
+  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(CommandIcon, { className: "w-3 h-3" }),
+    /* @__PURE__ */ jsxs("span", { children: [
+      totalItems,
+      " resultado",
+      totalItems !== 1 ? "s" : ""
+    ] })
+  ] })
+] }));
+FooterBar.displayName = "FooterBar";
+function CommandPalette(props) {
+  const {
+    placeholder = "Buscar comandos\u2026",
+    open,
+    onOpenChange,
+    footer,
+    debounceDelay = 300,
+    multiSearch = false,
+    emptyMessage = "Nenhum resultado encontrado.",
+    shortcut = { key: "k", ctrl: true }
+  } = props;
+  const inputRef = useRef(null);
+  const listRef = useRef(null);
+  const isMobile = useIsMobile();
+  const {
+    query,
+    setQuery,
+    activeIndex,
+    setActiveIndex,
+    searchTerms,
+    displayedGroups,
+    flatItems,
+    totalItems,
+    handleSelect,
+    isEmpty,
+    showList
+  } = useCommandPalette({
+    ...props,
+    open: isMobile ? true : props.open
+  });
+  useKeyboardShortcut(shortcut.key, () => onOpenChange(!open), {
+    ctrl: shortcut.ctrl,
+    meta: shortcut.meta,
+    shift: shortcut.shift,
+    alt: shortcut.alt
+  });
+  useEffect(() => {
+    if (!open) return;
+    const handleEscape = (e) => {
+      if (e.key === "Escape") onOpenChange(false);
+    };
+    document.addEventListener("keydown", handleEscape);
+    return () => document.removeEventListener("keydown", handleEscape);
+  }, [open, onOpenChange]);
+  useEffect(() => {
+    if (!open) return;
+    const timer = setTimeout(() => inputRef.current?.focus(), 50);
+    return () => clearTimeout(timer);
+  }, [open]);
+  useEffect(() => {
+    const el = listRef.current?.querySelector(
+      `[data-active="true"]`
+    );
+    el?.scrollIntoView({ block: "nearest" });
+  }, [activeIndex]);
+  const handleQueryChange = useCallback(
+    (val) => {
+      setQuery(val);
+      setActiveIndex(0);
+    },
+    [setQuery, setActiveIndex]
+  );
+  const handleQueryChangeMobile = useCallback(
+    (val) => {
+      setQuery(val);
+      setActiveIndex(0);
+      if (!open && val.trim() !== "") onOpenChange(true);
+    },
+    [setQuery, setActiveIndex, open, onOpenChange]
+  );
+  const handleClose = useCallback(() => onOpenChange(false), [onOpenChange]);
+  const handleClearQuery = useCallback(() => setQuery(""), [setQuery]);
+  const searchPlaceholder = multiSearch ? "Buscar\u2026 (separe termos por v\xEDrgula)" : placeholder;
+  const sharedListProps = {
+    listRef,
+    isEmpty,
+    emptyMessage,
+    displayedGroups,
+    flatItems,
+    activeIndex,
+    onHover: setActiveIndex,
+    onSelect: handleSelect
+  };
+  if (isMobile) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "fixed top-0 left-0 right-0 z-[100] px-3 py-2 bg-background", children: /* @__PURE__ */ jsx(
+        DebouncedInput,
+        {
+          ref: inputRef,
+          value: query,
+          debounce: debounceDelay,
+          onChange: handleQueryChangeMobile,
+          placeholder: searchPlaceholder
+        }
+      ) }),
+      /* @__PURE__ */ jsx(AnimatePresence, { children: showList && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            exit: { opacity: 0 },
+            transition: ANIMATION.overlay,
+            className: "fixed inset-0 z-[98] bg-background/60 backdrop-blur-[2px]",
+            onClick: handleClose
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            initial: { opacity: 0, y: -6 },
+            animate: { opacity: 1, y: 0 },
+            exit: { opacity: 0, y: -6 },
+            transition: ANIMATION.mobilePanel,
+            className: "fixed left-3 right-3 z-[99] bg-popover border border-border rounded-lg shadow-2xl shadow-black/20 dark:shadow-black/50 overflow-hidden top-14",
+            children: [
+              /* @__PURE__ */ jsx(SearchBadges, { terms: searchTerms }),
+              /* @__PURE__ */ jsx(VirtualResultList, { ...sharedListProps })
+            ]
+          }
+        )
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: ANIMATION.overlay,
+        className: "fixed inset-0 z-[100] bg-background/80 backdrop-blur-sm",
+        onClick: handleClose
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: { opacity: 0, scale: 0.96, y: -8 },
+        animate: { opacity: 1, scale: 1, y: 0 },
+        exit: { opacity: 0, scale: 0.96, y: -8 },
+        transition: ANIMATION.panel,
+        className: "fixed z-[100] top-12 -translate-x-1/2 -translate-y-1/2 w-full max-w-xl rounded-xl border border-border overflow-hidden shadow-2xl shadow-black/20 dark:shadow-black/60 bg-popover/95 backdrop-blur-xl",
+        style: { maxHeight: "min(600px, 80vh)" },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-2 border-b border-border", children: [
+            /* @__PURE__ */ jsx(
+              MagnifyingGlassIcon,
+              {
+                className: "w-4 h-4 text-muted-foreground flex-shrink-0",
+                weight: "bold"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DebouncedInput,
+              {
+                ref: inputRef,
+                value: query,
+                debounce: debounceDelay,
+                onChange: handleQueryChange,
+                placeholder: searchPlaceholder,
+                rightIcon: query ? /* @__PURE__ */ jsx(
+                  ButtonBase,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: handleClearQuery,
+                    className: "text-muted-foreground hover:text-red-500 hover:bg-transparent transition-colors",
+                    children: /* @__PURE__ */ jsx(XIcon, { className: "w-4 h-4" })
+                  }
+                ) : void 0,
+                className: "flex-1 bg-transparent border-none focus-visible:ring-0 outline-none shadow-none px-0 h-7 text-sm caret-primary"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(SearchBadges, { terms: searchTerms }),
+          showList && /* @__PURE__ */ jsx(VirtualResultList, { ...sharedListProps }),
+          /* @__PURE__ */ jsx(FooterBar, { footer, totalItems })
+        ]
+      }
+    )
+  ] }) });
+}
 
-export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CircularProgress, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage_default as ErrorMessage, EventAgenda, EventCalendar, EventDetailModalAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileAccept, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, IntegrationModal_default as IntegrationModal, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiDayOverlay, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RadialMenu, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, YearViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatDurationAgenda, formatDurationAgendaDays, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getAutoColorAgenda, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processIntegrationData, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, startOfLocalDay, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useIsTruncated, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };
+export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CircularProgress, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandItemRow, CommandListBase, CommandPalette, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage_default as ErrorMessage, EventAgenda, EventCalendar, EventDetailModalAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileAccept, FileUploader, FilterButton, GroupLabel, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, IntegrationModal_default as IntegrationModal, Kbd, KbdGroup, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiDayOverlay, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RadialMenu, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, YearViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createGroup, createItem, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, filterAndScore, formatDurationAgenda, formatDurationAgendaDays, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getAutoColorAgenda, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normaliseGroups, normalizeAttendDate, normalizeStr, processIntegrationData, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, scoreMatch, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, startOfLocalDay, toast, unionGroups, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCommandPalette, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useIsTruncated, useOpenTooltipForPeriod, useProcessedData, useRecents, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };