@iclips/ui 1.0.3 → 1.0.6

package/dist/index.js

@@ -1,10 +1,10 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { MoreVertical, AlertCircle, Calendar, CheckSquare, MessageSquare, Paperclip, ChevronDownIcon, Home, Folder, Users, BarChart3, Settings, Pin, Plus, LayoutGrid, FileText, Star, Download, Sparkles, ChevronRight, Zap, PanelLeftClose, PanelLeft, Bell, MoreHorizontal, Printer, Eye, ChevronLeft, ArrowLeft, ArrowRight, Check, CheckIcon, CircleIcon, ChevronRightIcon, XIcon, SearchIcon, MinusIcon, ChevronLeftIcon, MoreHorizontalIcon, GripVerticalIcon, ChevronUpIcon, PanelLeftIcon, ChevronsLeft, ChevronsRight } from 'lucide-react';
+import { MoreVertical, AlertCircle, Calendar, CheckSquare, MessageSquare, Paperclip, ChevronDownIcon, Home, Folder, Users, BarChart3, Settings, Pin, Plus, LayoutGrid, FileText, Star, Download, Sparkles, ChevronRight, Zap, PanelLeftClose, PanelLeft, Bell, MoreHorizontal, ChevronLeft, Printer, Eye, ArrowLeft, ArrowRight, Check, CheckIcon, ChevronUpIcon, Clock, CalendarIcon, CircleIcon, ChevronRightIcon, XIcon, SearchIcon, MinusIcon, ChevronLeftIcon, MoreHorizontalIcon, GripVerticalIcon, PanelLeftIcon, ChevronsLeft, ChevronsRight, X, Filter, Search, ArrowUpDown, Trash2 } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React7 from 'react';
-import { useState } from 'react';
+import { useState, useMemo } from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -12,6 +12,7 @@ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { DayPicker } from 'react-day-picker';
+import { ptBR } from 'date-fns/locale';
 import useEmblaCarousel from 'embla-carousel-react';
 import * as RechartsPrimitive from 'recharts';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -19,8 +20,8 @@ import { HexColorPicker } from 'react-colorful';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import { format } from 'date-fns';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { format, subDays, startOfMonth, endOfMonth, subMonths } from 'date-fns';
+import * as SelectPrimitive from '@radix-ui/react-select';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Command as Command$1 } from 'cmdk';
@@ -34,7 +35,7 @@ import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as ResizablePrimitive from 'react-resizable-panels';
-import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { useTheme } from 'next-themes';
@@ -816,6 +817,62 @@ function BreadcrumbEllipsis({
     }
   );
 }
+function Calendar2({
+  className,
+  classNames,
+  showOutsideDays = true,
+  locale = ptBR,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      locale,
+      className: cn("p-3", className),
+      classNames: {
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        month_caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        button_previous: cn(
+          buttonVariants({ variant: "outline" }),
+          "absolute left-1 top-0 size-7 bg-background p-0 hover:bg-accent hover:text-accent-foreground rounded-md border-border m-5 z-10"
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "outline" }),
+          "absolute right-1 top-0 size-7 bg-background p-0 hover:bg-accent hover:text-accent-foreground rounded-md border-border m-5 z-10"
+        ),
+        month_grid: "w-full border-collapse space-y-1",
+        weekdays: "flex",
+        weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+        week: "flex w-full mt-2",
+        day: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20 rounded-md",
+        day_button: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-9 w-9 p-0 font-normal aria-selected:opacity-100 rounded-md"
+        ),
+        range_end: "day-range-end",
+        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground rounded-md",
+        today: "bg-accent text-accent-foreground rounded-md",
+        outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
+        disabled: "text-muted-foreground opacity-50",
+        range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation }) => {
+          const Icon2 = orientation === "left" ? ChevronLeft : ChevronRight;
+          return /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4" });
+        }
+      },
+      ...props
+    }
+  );
+}
+Calendar2.displayName = "Calendar";
 function Card({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -1694,59 +1751,6 @@ var ContractPrintPreview = React7.forwardRef(({ data, logo, showServices = true,
   ) });
 });
 ContractPrintPreview.displayName = "ContractPrintPreview";
-function Calendar2({
-  className,
-  classNames,
-  showOutsideDays = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DayPicker,
-    {
-      showOutsideDays,
-      className: cn("p-3", className),
-      classNames: {
-        months: "flex flex-col sm:flex-row gap-2",
-        month: "flex flex-col gap-4",
-        caption: "flex justify-center pt-1 relative items-center w-full",
-        caption_label: "text-sm font-medium",
-        nav: "flex items-center gap-1",
-        nav_button: cn(
-          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
-        ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-x-1",
-        head_row: "flex",
-        head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
-        row: "flex w-full mt-2",
-        cell: cn(
-          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",
-          props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
-        ),
-        day: cn(
-          "size-8 p-0 font-normal aria-selected:opacity-100"
-        ),
-        day_range_start: "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
-        day_range_end: "day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",
-        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        day_hidden: "invisible",
-        ...classNames
-      },
-      components: {
-        Chevron: ({ orientation, ...props2 }) => {
-          const Icon2 = orientation === "left" ? ChevronLeft : ChevronRight;
-          return /* @__PURE__ */ jsx(Icon2, { className: "size-4", ...props2 });
-        }
-      },
-      ...props
-    }
-  );
-}
 var CarouselContext = React7.createContext(null);
 function useCarousel() {
   const context = React7.useContext(CarouselContext);
@@ -2420,362 +2424,725 @@ function CollapsibleContent2({
     }
   );
 }
-function TimePicker({
-  date,
-  onChange,
-  label,
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
   className,
-  disabled = false
+  size = "default",
+  children,
+  ...props
 }) {
-  const [hours, setHours] = React7.useState(
-    date ? String(date.getHours()).padStart(2, "0") : "00"
-  );
-  const [minutes, setMinutes] = React7.useState(
-    date ? String(date.getMinutes()).padStart(2, "0") : "00"
-  );
-  React7.useEffect(() => {
-    if (date) {
-      setHours(String(date.getHours()).padStart(2, "0"));
-      setMinutes(String(date.getMinutes()).padStart(2, "0"));
-    }
-  }, [date]);
-  const handleHoursChange = (e) => {
-    let value = e.target.value.replace(/\D/g, "");
-    if (value.length > 2) {
-      value = value.slice(0, 2);
-    }
-    const numValue = parseInt(value) || 0;
-    if (numValue > 23) {
-      value = "23";
-    }
-    setHours(value);
-    if (value.length === 2) {
-      updateDateTime(parseInt(value), parseInt(minutes));
-    }
-  };
-  const handleMinutesChange = (e) => {
-    let value = e.target.value.replace(/\D/g, "");
-    if (value.length > 2) {
-      value = value.slice(0, 2);
-    }
-    const numValue = parseInt(value) || 0;
-    if (numValue > 59) {
-      value = "59";
-    }
-    setMinutes(value);
-    if (value.length === 2) {
-      updateDateTime(parseInt(hours), parseInt(value));
-    }
-  };
-  const handleHoursBlur = () => {
-    const paddedHours = hours.padStart(2, "0");
-    setHours(paddedHours);
-    updateDateTime(parseInt(paddedHours), parseInt(minutes));
-  };
-  const handleMinutesBlur = () => {
-    const paddedMinutes = minutes.padStart(2, "0");
-    setMinutes(paddedMinutes);
-    updateDateTime(parseInt(hours), parseInt(paddedMinutes));
-  };
-  const updateDateTime = (h, m) => {
-    const newDate = date ? new Date(date) : /* @__PURE__ */ new Date();
-    newDate.setHours(h);
-    newDate.setMinutes(m);
-    newDate.setSeconds(0);
-    newDate.setMilliseconds(0);
-    onChange?.(newDate);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsx(Label, { children: label }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "text",
-          value: hours,
-          onChange: handleHoursChange,
-          onBlur: handleHoursBlur,
-          placeholder: "00",
-          className: "w-16 text-center font-mono",
-          maxLength: 2,
-          disabled,
-          "aria-label": "Horas"
-        }
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded-md border bg-input-background px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
       ),
-      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-medium", children: ":" }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "text",
-          value: minutes,
-          onChange: handleMinutesChange,
-          onBlur: handleMinutesBlur,
-          placeholder: "00",
-          className: "w-16 text-center font-mono",
-          maxLength: 2,
-          disabled,
-          "aria-label": "Minutos"
-        }
-      )
-    ] })
-  ] });
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
 }
-function DateTimePicker({
-  date,
-  onChange,
-  label,
-  placeholder = "Selecione data e hora",
+function SelectContent({
   className,
-  disabled = false
+  children,
+  position = "popper",
+  ...props
 }) {
-  const [open, setOpen] = React7.useState(false);
-  const [selectedDate, setSelectedDate] = React7.useState(date);
-  React7.useEffect(() => {
-    setSelectedDate(date);
-  }, [date]);
-  const handleDateSelect = (newDate) => {
-    if (newDate) {
-      const updated = new Date(newDate);
-      if (selectedDate) {
-        updated.setHours(selectedDate.getHours());
-        updated.setMinutes(selectedDate.getMinutes());
-      }
-      setSelectedDate(updated);
-    } else {
-      setSelectedDate(void 0);
-    }
-  };
-  const handleTimeChange = (newDate) => {
-    setSelectedDate(newDate);
-  };
-  const handleConfirm = () => {
-    onChange?.(selectedDate);
-    setOpen(false);
-  };
-  const handleCancel = () => {
-    setSelectedDate(date);
-    setOpen(false);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsx(Label, { children: label }),
-    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "outline",
-          className: cn(
-            "w-full justify-start text-left font-normal",
-            !selectedDate && "text-muted-foreground"
-          ),
-          disabled,
-          children: [
-            /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
-            selectedDate ? format(selectedDate, "dd/MM/yyyy HH:mm") : /* @__PURE__ */ jsx("span", { children: placeholder })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-3", children: [
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
         /* @__PURE__ */ jsx(
-          Calendar2,
+          SelectPrimitive.Viewport,
           {
-            mode: "single",
-            selected: selectedDate,
-            onSelect: handleDateSelect,
-            initialFocus: true
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsx(
-          TimePicker,
-          {
-            date: selectedDate,
-            onChange: handleTimeChange,
-            label: "Hor\xE1rio"
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-2", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              onClick: handleCancel,
-              className: "flex-1",
-              children: "Cancelar"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "sm",
-              onClick: handleConfirm,
-              className: "flex-1",
-              children: "Confirmar"
-            }
-          )
-        ] })
-      ] }) })
-    ] })
-  ] });
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
 }
-function Separator({
+function SelectLabel({
   className,
-  orientation = "horizontal",
-  decorative = true,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    SeparatorPrimitive.Root,
+    SelectPrimitive.Label,
     {
-      "data-slot": "separator-root",
-      decorative,
-      orientation,
+      "data-slot": "select-label",
+      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
       className: cn(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
-      ...props
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      ]
     }
   );
 }
-function DateRangePicker({
-  dateRange,
-  onChange,
-  label,
-  placeholder = "Selecione o per\xEDodo",
+function SelectSeparator({
   className,
-  disabled = false,
-  withTime = false
+  ...props
 }) {
-  const [open, setOpen] = React7.useState(false);
-  const [range, setRange] = React7.useState(dateRange);
-  React7.useEffect(() => {
-    setRange(dateRange);
-  }, [dateRange]);
-  const handleRangeSelect = (newRange) => {
-    if (newRange?.from && range?.from) {
-      const updatedFrom = new Date(newRange.from);
-      updatedFrom.setHours(range.from.getHours());
-      updatedFrom.setMinutes(range.from.getMinutes());
-      let updatedTo = newRange.to ? new Date(newRange.to) : void 0;
-      if (updatedTo && range?.to) {
-        updatedTo.setHours(range.to.getHours());
-        updatedTo.setMinutes(range.to.getMinutes());
-      }
-      setRange({ from: updatedFrom, to: updatedTo });
-    } else {
-      setRange(newRange);
-    }
-  };
-  const handleStartTimeChange = (newDate) => {
-    if (newDate && range?.from) {
-      setRange({
-        ...range,
-        from: newDate
-      });
-    }
-  };
-  const handleEndTimeChange = (newDate) => {
-    if (newDate && range?.to) {
-      setRange({
-        ...range,
-        to: newDate
-      });
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+      ...props
     }
-  };
-  const handleConfirm = () => {
-    onChange?.(range);
-    setOpen(false);
-  };
-  const handleCancel = () => {
-    setRange(dateRange);
-    setOpen(false);
-  };
-  const formatRangeDisplay = () => {
-    if (!range?.from) {
-      return placeholder;
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+var generateHours = (format3) => {
+  const hours = [];
+  const max = format3 === "24h" ? 24 : 12;
+  const start = format3 === "24h" ? 0 : 1;
+  for (let i = start; i < max + start; i++) {
+    hours.push(i.toString().padStart(2, "0"));
+  }
+  return hours;
+};
+var generateMinutes = (step) => {
+  const minutes = [];
+  for (let i = 0; i < 60; i += step) {
+    minutes.push(i.toString().padStart(2, "0"));
+  }
+  return minutes;
+};
+var to12HourFormat = (hour) => {
+  const period = hour >= 12 ? "PM" : "AM";
+  const hour12 = hour % 12 || 12;
+  return { hour: hour12, period };
+};
+var to24HourFormat = (hour, period) => {
+  if (period === "AM") {
+    return hour === 12 ? 0 : hour;
+  }
+  return hour === 12 ? 12 : hour + 12;
+};
+var isTimeInRange = (time, minTime, maxTime) => {
+  if (!minTime && !maxTime) return true;
+  const [h, m] = time.split(":").map(Number);
+  const timeMinutes = h * 60 + m;
+  if (minTime) {
+    const [minH, minM] = minTime.split(":").map(Number);
+    if (timeMinutes < minH * 60 + minM) return false;
+  }
+  if (maxTime) {
+    const [maxH, maxM] = maxTime.split(":").map(Number);
+    if (timeMinutes > maxH * 60 + maxM) return false;
+  }
+  return true;
+};
+function TimePicker({
+  value,
+  onChange,
+  format: format3 = "24h",
+  minuteStep = 5,
+  minTime,
+  maxTime,
+  disabled = false,
+  placeholder = "HH:MM",
+  className,
+  showIcon = true,
+  variant = "input"
+}) {
+  const [hour, minute] = React7.useMemo(() => {
+    if (!value) return ["", ""];
+    const [h, m] = value.split(":");
+    return [h || "", m || ""];
+  }, [value]);
+  const [period, setPeriod] = React7.useState(() => {
+    if (!hour) return "AM";
+    return parseInt(hour) >= 12 ? "PM" : "AM";
+  });
+  const updateTime = (newHour, newMinute, newPeriod) => {
+    if (!newHour || !newMinute) return;
+    let h = parseInt(newHour);
+    const m = parseInt(newMinute);
+    if (format3 === "12h" && newPeriod) {
+      h = to24HourFormat(h, newPeriod);
     }
-    const fromFormat = withTime ? "dd/MM/yyyy HH:mm" : "dd/MM/yyyy";
-    const toFormat = withTime ? "dd/MM/yyyy HH:mm" : "dd/MM/yyyy";
-    if (range.to) {
-      return `${format(range.from, fromFormat)} - ${format(range.to, toFormat)}`;
+    const timeStr = `${h.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}`;
+    if (isTimeInRange(timeStr, minTime, maxTime)) {
+      onChange?.(timeStr);
     }
-    return format(range.from, fromFormat);
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsx(Label, { children: label }),
-    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-        Button,
+  const handleInputChange = (e) => {
+    const inputValue = e.target.value;
+    const cleaned = inputValue.replace(/[^\d:]/g, "");
+    if (cleaned.length === 2 && !cleaned.includes(":")) {
+      const formatted = cleaned + ":";
+      onChange?.(formatted);
+      return;
+    }
+    if (cleaned.match(/^\d{2}:\d{2}$/)) {
+      const [h, m] = cleaned.split(":").map(Number);
+      if (h >= 0 && h <= 23 && m >= 0 && m <= 59) {
+        if (isTimeInRange(cleaned, minTime, maxTime)) {
+          onChange?.(cleaned);
+        }
+      }
+    } else {
+      onChange?.(cleaned);
+    }
+  };
+  if (variant === "input") {
+    return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+      showIcon && /* @__PURE__ */ jsx(Clock, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground pointer-events-none" }),
+      /* @__PURE__ */ jsx(
+        Input,
         {
-          variant: "outline",
-          className: cn(
-            "w-full justify-start text-left font-normal",
-            !range && "text-muted-foreground"
-          ),
+          type: "text",
+          value: value || "",
+          onChange: handleInputChange,
+          placeholder,
+          disabled,
+          className: cn(showIcon && "pl-9"),
+          maxLength: 5
+        }
+      )
+    ] });
+  }
+  if (variant === "select") {
+    const hours = generateHours(format3);
+    const minutes = generateMinutes(minuteStep);
+    const displayHour = format3 === "12h" && hour ? to12HourFormat(parseInt(hour)).hour.toString().padStart(2, "0") : hour;
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
+      showIcon && /* @__PURE__ */ jsx(Clock, { className: "size-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: displayHour,
+          onValueChange: (h) => {
+            const effectivePeriod = format3 === "12h" ? period : void 0;
+            updateTime(h, minute || "00", effectivePeriod);
+          },
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[70px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "HH" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: hours.map((h) => /* @__PURE__ */ jsx(SelectItem, { value: h, children: h }, h)) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-medium", children: ":" }),
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: minute,
+          onValueChange: (m) => {
+            const effectivePeriod = format3 === "12h" ? period : void 0;
+            updateTime(hour || "00", m, effectivePeriod);
+          },
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[70px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "MM" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: minutes.map((m) => /* @__PURE__ */ jsx(SelectItem, { value: m, children: m }, m)) })
+          ]
+        }
+      ),
+      format3 === "12h" && /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: period,
+          onValueChange: (p) => {
+            setPeriod(p);
+            if (hour && minute) {
+              updateTime(hour, minute, p);
+            }
+          },
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[70px]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "AM", children: "AM" }),
+              /* @__PURE__ */ jsx(SelectItem, { value: "PM", children: "PM" })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+  if (variant === "inline") {
+    const hours = generateHours(format3);
+    const minutes = generateMinutes(minuteStep);
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
+      showIcon && /* @__PURE__ */ jsx(Clock, { className: "size-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(Label, { className: "text-sm text-muted-foreground", children: "Hor\xE1rio:" }),
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: hour,
+          onValueChange: (h) => updateTime(h, minute || "00", format3 === "12h" ? period : void 0),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[65px] h-8 text-sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "HH" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: hours.map((h) => /* @__PURE__ */ jsx(SelectItem, { value: h, children: h }, h)) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: ":" }),
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: minute,
+          onValueChange: (m) => updateTime(hour || "00", m, format3 === "12h" ? period : void 0),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[65px] h-8 text-sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "MM" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: minutes.map((m) => /* @__PURE__ */ jsx(SelectItem, { value: m, children: m }, m)) })
+          ]
+        }
+      ),
+      format3 === "12h" && /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: period,
+          onValueChange: (p) => {
+            setPeriod(p);
+            if (hour && minute) {
+              updateTime(hour, minute, p);
+            }
+          },
           disabled,
           children: [
-            /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { children: formatRangeDisplay() })
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[65px] h-8 text-sm", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "AM", children: "AM" }),
+              /* @__PURE__ */ jsx(SelectItem, { value: "PM", children: "PM" })
+            ] })
           ]
         }
+      )
+    ] });
+  }
+  return null;
+}
+TimePicker.displayName = "TimePicker";
+function DatePicker({
+  value,
+  onChange,
+  placeholder = "Selecione uma data",
+  disabled = false,
+  minDate,
+  maxDate,
+  dateFormat,
+  locale = ptBR,
+  className,
+  error = false,
+  showTime = false,
+  timeFormat = "24h",
+  minuteStep = 5,
+  defaultTime = "09:00",
+  id,
+  name
+}) {
+  const [open, setOpen] = React7.useState(false);
+  const displayFormat = dateFormat || (showTime ? "dd/MM/yyyy HH:mm" : "dd/MM/yyyy");
+  const currentTime = React7.useMemo(() => {
+    if (!value) return defaultTime;
+    const hours = value.getHours().toString().padStart(2, "0");
+    const minutes = value.getMinutes().toString().padStart(2, "0");
+    return `${hours}:${minutes}`;
+  }, [value, defaultTime]);
+  const handleDateSelect = (date) => {
+    if (!date) {
+      onChange?.(void 0);
+      return;
+    }
+    if (showTime) {
+      const [hours, minutes] = currentTime.split(":").map(Number);
+      date.setHours(hours, minutes, 0, 0);
+    } else {
+      date.setHours(0, 0, 0, 0);
+    }
+    onChange?.(date);
+    if (!showTime) {
+      setOpen(false);
+    }
+  };
+  const handleTimeChange = (time) => {
+    if (!value) {
+      const today = /* @__PURE__ */ new Date();
+      const [hours, minutes] = time.split(":").map(Number);
+      today.setHours(hours, minutes, 0, 0);
+      onChange?.(today);
+    } else {
+      const newDate = new Date(value);
+      const [hours, minutes] = time.split(":").map(Number);
+      newDate.setHours(hours, minutes, 0, 0);
+      onChange?.(newDate);
+    }
+  };
+  const displayValue = React7.useMemo(() => {
+    if (!value) return "";
+    return format(value, displayFormat, { locale });
+  }, [value, displayFormat, locale]);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        id,
+        name,
+        variant: "outline",
+        disabled,
+        className: cn(
+          "w-full justify-start text-left font-normal",
+          !value && "text-muted-foreground",
+          error && "border-destructive focus-visible:ring-destructive/20",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 size-4" }),
+          displayValue || placeholder
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { className: "w-auto p-0", align: "start", children: [
+      /* @__PURE__ */ jsx(
+        Calendar2,
+        {
+          mode: "single",
+          selected: value,
+          onSelect: handleDateSelect,
+          disabled: (date) => {
+            if (minDate && date < minDate) return true;
+            if (maxDate && date > maxDate) return true;
+            return false;
+          },
+          locale,
+          initialFocus: true
+        }
+      ),
+      showTime && /* @__PURE__ */ jsx("div", { className: "border-t p-3", children: /* @__PURE__ */ jsx(
+        TimePicker,
+        {
+          value: currentTime,
+          onChange: handleTimeChange,
+          format: timeFormat,
+          minuteStep,
+          variant: "inline",
+          showIcon: true
+        }
       ) }),
-      /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-3", children: [
+      showTime && /* @__PURE__ */ jsx("div", { className: "border-t p-3 flex justify-end", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          onClick: () => setOpen(false),
+          children: "Confirmar"
+        }
+      ) })
+    ] })
+  ] });
+}
+DatePicker.displayName = "DatePicker";
+var getDefaultPresets = () => {
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  return [
+    {
+      label: "Hoje",
+      value: { from: today, to: today }
+    },
+    {
+      label: "\xDAltimos 7 dias",
+      value: { from: subDays(today, 6), to: today }
+    },
+    {
+      label: "\xDAltimos 30 dias",
+      value: { from: subDays(today, 29), to: today }
+    },
+    {
+      label: "Este m\xEAs",
+      value: { from: startOfMonth(today), to: today }
+    },
+    {
+      label: "M\xEAs passado",
+      value: {
+        from: startOfMonth(subMonths(today, 1)),
+        to: endOfMonth(subMonths(today, 1))
+      }
+    }
+  ];
+};
+function DateRangePicker({
+  value,
+  onChange,
+  placeholder = "Selecione um per\xEDodo",
+  disabled = false,
+  minDate,
+  maxDate,
+  dateFormat = "dd/MM/yyyy",
+  locale = ptBR,
+  className,
+  error = false,
+  numberOfMonths = 2,
+  showTime = false,
+  timeFormat = "24h",
+  minuteStep = 15,
+  presets,
+  showDefaultPresets = true,
+  id,
+  name
+}) {
+  const [open, setOpen] = React7.useState(false);
+  const displayFormat = showTime ? `${dateFormat} HH:mm` : dateFormat;
+  const allPresets = React7.useMemo(() => {
+    const defaults = showDefaultPresets ? getDefaultPresets() : [];
+    return [...defaults, ...presets || []];
+  }, [presets, showDefaultPresets]);
+  const startTime = React7.useMemo(() => {
+    if (!value?.from) return "00:00";
+    const h = value.from.getHours().toString().padStart(2, "0");
+    const m = value.from.getMinutes().toString().padStart(2, "0");
+    return `${h}:${m}`;
+  }, [value?.from]);
+  const endTime = React7.useMemo(() => {
+    if (!value?.to) return "23:59";
+    const h = value.to.getHours().toString().padStart(2, "0");
+    const m = value.to.getMinutes().toString().padStart(2, "0");
+    return `${h}:${m}`;
+  }, [value?.to]);
+  const handleDateSelect = (range) => {
+    if (!range) {
+      onChange?.(void 0);
+      return;
+    }
+    if (showTime) {
+      if (range.from) {
+        const [h, m] = startTime.split(":").map(Number);
+        range.from.setHours(h, m, 0, 0);
+      }
+      if (range.to) {
+        const [h, m] = endTime.split(":").map(Number);
+        range.to.setHours(h, m, 0, 0);
+      }
+    } else {
+      if (range.from) range.from.setHours(0, 0, 0, 0);
+      if (range.to) range.to.setHours(23, 59, 59, 999);
+    }
+    onChange?.(range);
+  };
+  const handleStartTimeChange = (time) => {
+    if (!value?.from) return;
+    const newFrom = new Date(value.from);
+    const [h, m] = time.split(":").map(Number);
+    newFrom.setHours(h, m, 0, 0);
+    onChange?.({ ...value, from: newFrom });
+  };
+  const handleEndTimeChange = (time) => {
+    if (!value?.to) return;
+    const newTo = new Date(value.to);
+    const [h, m] = time.split(":").map(Number);
+    newTo.setHours(h, m, 0, 0);
+    onChange?.({ ...value, to: newTo });
+  };
+  const handlePresetSelect = (preset) => {
+    const newRange = {
+      from: new Date(preset.value.from),
+      to: new Date(preset.value.to)
+    };
+    if (showTime) {
+      const [sh, sm] = startTime.split(":").map(Number);
+      const [eh, em] = endTime.split(":").map(Number);
+      newRange.from.setHours(sh, sm, 0, 0);
+      newRange.to.setHours(eh, em, 0, 0);
+    }
+    onChange?.(newRange);
+  };
+  const displayValue = React7.useMemo(() => {
+    if (!value?.from) return "";
+    const fromStr = format(value.from, displayFormat, { locale });
+    if (!value.to) return fromStr;
+    const toStr = format(value.to, displayFormat, { locale });
+    return `${fromStr} \u2192 ${toStr}`;
+  }, [value, displayFormat, locale]);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        id,
+        name,
+        variant: "outline",
+        disabled,
+        className: cn(
+          "w-full justify-start text-left font-normal",
+          !value && "text-muted-foreground",
+          error && "border-destructive focus-visible:ring-destructive/20",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 size-4" }),
+          displayValue || placeholder
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+      allPresets.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-r p-3 space-y-1 min-w-[140px]", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Atalhos" }),
+        allPresets.map((preset) => /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "w-full justify-start text-sm h-8",
+            onClick: () => handlePresetSelect(preset),
+            children: preset.label
+          },
+          preset.label
+        ))
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx(
           Calendar2,
           {
             mode: "range",
-            selected: range,
-            onSelect: handleRangeSelect,
-            numberOfMonths: 2,
+            selected: value,
+            onSelect: handleDateSelect,
+            numberOfMonths,
+            disabled: (date) => {
+              if (minDate && date < minDate) return true;
+              if (maxDate && date > maxDate) return true;
+              return false;
+            },
+            locale,
             initialFocus: true
           }
         ),
-        withTime && range?.from && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Separator, {}),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        showTime && value?.from && value?.to && /* @__PURE__ */ jsxs("div", { className: "border-t p-3 flex gap-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Hora in\xEDcio" }),
             /* @__PURE__ */ jsx(
               TimePicker,
               {
-                date: range.from,
+                value: startTime,
                 onChange: handleStartTimeChange,
-                label: "Hora de In\xEDcio"
+                format: timeFormat,
+                minuteStep,
+                variant: "select",
+                showIcon: false
               }
-            ),
-            range.to && /* @__PURE__ */ jsx(
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Hora fim" }),
+            /* @__PURE__ */ jsx(
               TimePicker,
               {
-                date: range.to,
+                value: endTime,
                 onChange: handleEndTimeChange,
-                label: "Hora de T\xE9rmino"
+                format: timeFormat,
+                minuteStep,
+                variant: "select",
+                showIcon: false
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "border-t p-3 flex justify-end gap-2", children: [
           /* @__PURE__ */ jsx(
             Button,
             {
               variant: "outline",
               size: "sm",
-              onClick: handleCancel,
-              className: "flex-1",
-              children: "Cancelar"
+              onClick: () => {
+                onChange?.(void 0);
+              },
+              children: "Limpar"
             }
           ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "sm",
-              onClick: handleConfirm,
-              className: "flex-1",
-              children: "Confirmar"
-            }
-          )
+          /* @__PURE__ */ jsx(Button, { size: "sm", onClick: () => setOpen(false), children: "Confirmar" })
         ] })
-      ] }) })
-    ] })
+      ] })
+    ] }) })
   ] });
 }
+DateRangePicker.displayName = "DateRangePicker";
 function Progress({
   className,
   value,
@@ -4568,183 +4935,50 @@ function ResizableHandle({
     }
   );
 }
-function Select({
+function Separator5({
+  className,
+  orientation = "horizontal",
+  decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator-root",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
 }
-function SelectGroup({
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
-function SelectValue({
+function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
+function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Trigger,
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+var SheetOverlay = React7.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
     {
-      "data-slot": "select-trigger",
-      "data-size": size,
-      className: cn(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded-md border bg-input-background px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
-function SelectContent({
-  className,
-  children,
-  position = "popper",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-    SelectPrimitive.Content,
-    {
-      "data-slot": "select-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
-          SelectPrimitive.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-}
-function SelectLabel({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.Label,
-    {
-      "data-slot": "select-label",
-      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
-      ...props
-    }
-  );
-}
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Item,
-    {
-      "data-slot": "select-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
-      ]
-    }
-  );
-}
-function SelectSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.Separator,
-    {
-      "data-slot": "select-separator",
-      className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function SelectScrollUpButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.ScrollUpButton,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
-    }
-  );
-}
-function SelectScrollDownButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.ScrollDownButton,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
-    }
-  );
-}
-function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
-}
-function SheetTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
-}
-function SheetPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
-}
-var SheetOverlay = React7.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Overlay,
-    {
-      ref,
-      "data-slot": "sheet-overlay",
+      ref,
+      "data-slot": "sheet-overlay",
       className: cn(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
         className
@@ -5176,7 +5410,7 @@ function SidebarSeparator({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    Separator,
+    Separator5,
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
@@ -5927,6 +6161,1095 @@ function calculatePaginationMetadata(config) {
     hasPreviousPage: currentPage > 1
   };
 }
+function useTablePagination({
+  data,
+  initialPageSize = 10,
+  resetOnDataChange = true
+}) {
+  const [currentPage, setCurrentPage] = useState(1);
+  const [pageSize, setPageSize] = useState(initialPageSize);
+  useMemo(() => {
+    if (resetOnDataChange) {
+      setCurrentPage(1);
+    }
+  }, [data.length, resetOnDataChange]);
+  const totalItems = data.length;
+  const totalPages = Math.ceil(totalItems / pageSize);
+  const safeCurrentPage = Math.min(Math.max(1, currentPage), Math.max(1, totalPages));
+  const startIndex = (safeCurrentPage - 1) * pageSize;
+  const endIndex = Math.min(startIndex + pageSize, totalItems);
+  const paginatedData = useMemo(() => {
+    return data.slice(startIndex, endIndex);
+  }, [data, startIndex, endIndex]);
+  const goToPage = (page) => {
+    const targetPage = Math.max(1, Math.min(page, totalPages));
+    setCurrentPage(targetPage);
+  };
+  const nextPage = () => {
+    if (currentPage < totalPages) {
+      setCurrentPage((p) => p + 1);
+    }
+  };
+  const prevPage = () => {
+    if (currentPage > 1) {
+      setCurrentPage((p) => p - 1);
+    }
+  };
+  const handleSetPageSize = (newSize) => {
+    setPageSize(newSize);
+    setCurrentPage(1);
+  };
+  const paginationConfig = {
+    currentPage: safeCurrentPage,
+    pageSize,
+    totalItems,
+    onPageChange: goToPage,
+    onPageSizeChange: handleSetPageSize
+  };
+  const metadata = calculatePaginationMetadata(paginationConfig);
+  return {
+    currentPage: safeCurrentPage,
+    pageSize,
+    totalItems,
+    totalPages,
+    paginatedData,
+    goToPage,
+    nextPage,
+    prevPage,
+    setPageSize: handleSetPageSize,
+    paginationConfig,
+    metadata
+  };
+}
+
+// hooks/use-data-table.ts
+function useDataTable({
+  data,
+  initialSort = { column: null, direction: null },
+  initialPageSize = 10,
+  enablePagination = true
+}) {
+  const [sortConfig, setSortConfig] = useState(initialSort);
+  const [filters, setFilters] = useState([]);
+  const filteredData = useMemo(() => {
+    if (filters.length === 0) return data;
+    return data.filter((item) => {
+      return filters.every((filter) => {
+        const itemValue = item[filter.column];
+        switch (filter.operator) {
+          case "equals":
+            return itemValue == filter.value;
+          case "contains":
+            return String(itemValue).toLowerCase().includes(String(filter.value).toLowerCase());
+          case "startsWith":
+            return String(itemValue).toLowerCase().startsWith(String(filter.value).toLowerCase());
+          case "greaterThan":
+            return itemValue > filter.value;
+          case "lessThan":
+            return itemValue < filter.value;
+          default:
+            return true;
+        }
+      });
+    });
+  }, [data, filters]);
+  const sortedData = useMemo(() => {
+    if (!sortConfig.column || !sortConfig.direction) return filteredData;
+    return [...filteredData].sort((a, b) => {
+      const aValue = a[sortConfig.column];
+      const bValue = b[sortConfig.column];
+      if (aValue < bValue) return sortConfig.direction === "asc" ? -1 : 1;
+      if (aValue > bValue) return sortConfig.direction === "asc" ? 1 : -1;
+      return 0;
+    });
+  }, [filteredData, sortConfig]);
+  const pagination = useTablePagination({
+    data: sortedData,
+    initialPageSize,
+    resetOnDataChange: true
+    // Reset to page 1 if filters change
+  });
+  const handleSort = (column) => {
+    setSortConfig((current) => {
+      if (current.column === column) {
+        if (current.direction === "asc") return { column, direction: "desc" };
+        if (current.direction === "desc") return { column: null, direction: null };
+      }
+      return { column, direction: "asc" };
+    });
+  };
+  const setFilter = (column, value, operator = "contains") => {
+    setFilters((prev) => {
+      const existing = prev.filter((f) => f.column !== column);
+      if (value === "" || value === null || value === void 0) {
+        return existing;
+      }
+      return [...existing, { column, operator, value }];
+    });
+  };
+  const removeFilter = (column) => {
+    setFilters((prev) => prev.filter((f) => f.column !== column));
+  };
+  const getSortDirection = (column) => {
+    return sortConfig.column === column ? sortConfig.direction : null;
+  };
+  return {
+    data: enablePagination ? pagination.paginatedData : sortedData,
+    state: {
+      sort: sortConfig,
+      filters,
+      pagination: pagination.paginationConfig
+    },
+    handlers: {
+      onSort: handleSort,
+      setFilter,
+      removeFilter,
+      clearFilters: () => setFilters([])
+    },
+    getSortDirection
+  };
+}
+function FilterChip({ label, value, onRemove, className }) {
+  return /* @__PURE__ */ jsxs(
+    Badge,
+    {
+      variant: "secondary",
+      className: cn(
+        "gap-1 pr-1 pl-2 h-7",
+        onRemove && "pr-1",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-sm", children: [
+          label,
+          value && /* @__PURE__ */ jsxs(Fragment, { children: [
+            ": ",
+            /* @__PURE__ */ jsx("span", { className: "font-semibold", children: value })
+          ] })
+        ] }),
+        onRemove && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onRemove,
+            className: "ml-1 rounded-sm hover:bg-muted p-0.5 transition-colors",
+            "aria-label": `Remove ${label} filter`,
+            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+          }
+        )
+      ]
+    }
+  );
+}
+function FilterBar({
+  activeFilters = [],
+  onClearAll,
+  onOpenFilters,
+  className,
+  children
+}) {
+  const hasFilters = activeFilters.length > 0;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 flex-wrap", className), children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: onOpenFilters,
+        className: "gap-2",
+        children: [
+          /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" }),
+          "Filters",
+          hasFilters && /* @__PURE__ */ jsx("span", { className: "ml-1 rounded-full bg-primary text-primary-foreground w-5 h-5 text-xs flex items-center justify-center", children: activeFilters.length })
+        ]
+      }
+    ),
+    hasFilters && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-border" }),
+      activeFilters.map((filter) => /* @__PURE__ */ jsx(
+        FilterChip,
+        {
+          label: filter.label,
+          value: filter.value,
+          onRemove: filter.onRemove
+        },
+        filter.id
+      )),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: onClearAll,
+          className: "gap-1 h-7 px-2",
+          children: [
+            /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }),
+            "Clear all"
+          ]
+        }
+      )
+    ] }),
+    children
+  ] });
+}
+var OPERATORS = [
+  { value: "is", label: "\xE9", multiSelect: false },
+  { value: "is_not", label: "n\xE3o \xE9", multiSelect: false },
+  { value: "is_any_of", label: "\xE9 qualquer um de", multiSelect: true },
+  { value: "is_none_of", label: "n\xE3o \xE9 nenhum de", multiSelect: true },
+  { value: "contains", label: "cont\xE9m", multiSelect: false },
+  { value: "does_not_contain", label: "n\xE3o cont\xE9m", multiSelect: false },
+  { value: "greater_than", label: "maior que", multiSelect: false },
+  { value: "less_than", label: "menor que", multiSelect: false },
+  { value: "is_empty", label: "est\xE1 vazio", multiSelect: false },
+  { value: "is_not_empty", label: "n\xE3o est\xE1 vazio", multiSelect: false }
+];
+function FilterBuilder({
+  conditions,
+  onConditionsChange,
+  fields,
+  className
+}) {
+  const addCondition = () => {
+    const newCondition = {
+      id: Math.random().toString(36).substr(2, 9),
+      field: fields[0]?.value || "",
+      operator: "is",
+      value: ""
+    };
+    onConditionsChange([...conditions, newCondition]);
+  };
+  const removeCondition = (id) => {
+    onConditionsChange(conditions.filter((c) => c.id !== id));
+  };
+  const updateCondition = (id, updates) => {
+    onConditionsChange(
+      conditions.map((c) => c.id === id ? { ...c, ...updates } : c)
+    );
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
+    conditions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-muted-foreground text-sm", children: 'Nenhuma condi\xE7\xE3o de filtro. Clique em "Adicionar condi\xE7\xE3o" para come\xE7ar.' }) : conditions.map((condition, index) => /* @__PURE__ */ jsx(
+      ConditionRow,
+      {
+        condition,
+        fields,
+        index,
+        onUpdate: (updates) => updateCondition(condition.id, updates),
+        onRemove: () => removeCondition(condition.id)
+      },
+      condition.id
+    )),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: addCondition,
+        className: "gap-2",
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+          "Adicionar condi\xE7\xE3o"
+        ]
+      }
+    )
+  ] });
+}
+function ConditionRow({
+  condition,
+  fields,
+  index,
+  onUpdate,
+  onRemove
+}) {
+  const selectedField = fields.find((f) => f.value === condition.field);
+  const selectedOperator = OPERATORS.find((op) => op.value === condition.operator);
+  const isMultiSelect = selectedField?.multiSelect || selectedOperator?.multiSelect || false;
+  const needsValue = !["is_empty", "is_not_empty"].includes(condition.operator);
+  const valueAsArray = Array.isArray(condition.value) ? condition.value : condition.value ? [condition.value] : [];
+  const toggleValue = (val) => {
+    if (!isMultiSelect) {
+      onUpdate({ value: val });
+      return;
+    }
+    const currentValues = Array.isArray(condition.value) ? condition.value : [];
+    const newValues = currentValues.includes(val) ? currentValues.filter((v) => v !== val) : [...currentValues, val];
+    onUpdate({ value: newValues });
+  };
+  const removeValue = (val) => {
+    if (!isMultiSelect) return;
+    const currentValues = Array.isArray(condition.value) ? condition.value : [];
+    onUpdate({ value: currentValues.filter((v) => v !== val) });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 group", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center h-9 px-2 text-sm text-muted-foreground", children: index === 0 ? "Onde" : "E" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center gap-2 flex-wrap p-2 border rounded-lg bg-background", children: [
+      /* @__PURE__ */ jsxs(Popover, { children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 px-2 font-normal hover:bg-muted",
+            children: selectedField?.label || "Selecionar campo"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PopoverContent, { className: "w-[200px] p-2", align: "start", children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: fields.map((field) => /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: cn(
+              "w-full justify-start",
+              condition.field === field.value && "bg-muted"
+            ),
+            onClick: () => onUpdate({
+              field: field.value,
+              value: field.multiSelect ? [] : ""
+            }),
+            children: field.label
+          },
+          field.value
+        )) }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Popover, { children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 px-2 font-normal hover:bg-muted text-muted-foreground",
+            children: selectedOperator?.label || "is"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PopoverContent, { className: "w-[200px] p-2", align: "start", children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: OPERATORS.map((op) => /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: cn(
+              "w-full justify-start",
+              condition.operator === op.value && "bg-muted"
+            ),
+            onClick: () => onUpdate({
+              operator: op.value,
+              value: op.multiSelect ? [] : ""
+            }),
+            children: op.label
+          },
+          op.value
+        )) }) })
+      ] }),
+      needsValue && /* @__PURE__ */ jsxs(Fragment, { children: [
+        selectedField?.options ? (
+          // Select field with options
+          /* @__PURE__ */ jsxs(Popover, { children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "h-7 px-2 font-normal hover:bg-muted",
+                children: isMultiSelect && valueAsArray.length > 0 ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+                  valueAsArray.length,
+                  " selecionado",
+                  valueAsArray.length > 1 ? "s" : ""
+                ] }) : !isMultiSelect && condition.value ? selectedField.options.find(
+                  (opt) => opt.value === condition.value
+                )?.label || "Selecionar valor" : "Selecionar valor"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(PopoverContent, { className: "w-[240px] p-3", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs text-muted-foreground", children: isMultiSelect ? "Selecionar valores" : "Selecionar valor" }),
+              /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-[200px] overflow-y-auto", children: selectedField.options.map((option) => {
+                const isSelected = isMultiSelect ? valueAsArray.includes(option.value) : condition.value === option.value;
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "flex items-center space-x-2",
+                    children: isMultiSelect ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(
+                        Checkbox,
+                        {
+                          id: `${condition.id}-${option.value}`,
+                          checked: isSelected,
+                          onCheckedChange: () => toggleValue(option.value)
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "label",
+                        {
+                          htmlFor: `${condition.id}-${option.value}`,
+                          className: "text-sm cursor-pointer flex-1",
+                          children: option.label
+                        }
+                      )
+                    ] }) : /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "sm",
+                        className: cn(
+                          "w-full justify-start",
+                          isSelected && "bg-muted"
+                        ),
+                        onClick: () => onUpdate({ value: option.value }),
+                        children: option.label
+                      }
+                    )
+                  },
+                  option.value
+                );
+              }) })
+            ] }) })
+          ] })
+        ) : (
+          // Text/Number input
+          /* @__PURE__ */ jsxs(Popover, { children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "h-7 px-2 font-normal hover:bg-muted max-w-[200px] truncate",
+                children: condition.value || "Inserir valor"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(PopoverContent, { className: "w-[240px] p-3", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs text-muted-foreground", children: "Inserir valor" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: selectedField?.type === "number" ? "number" : "text",
+                  value: Array.isArray(condition.value) ? "" : condition.value,
+                  onChange: (e) => onUpdate({ value: e.target.value }),
+                  placeholder: "Digite o valor...",
+                  autoFocus: true
+                }
+              )
+            ] }) })
+          ] })
+        ),
+        isMultiSelect && valueAsArray.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 flex-wrap", children: valueAsArray.map((val) => {
+          const optionLabel = selectedField?.options?.find((opt) => opt.value === val)?.label || val;
+          return /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "secondary",
+              className: "gap-1 h-6 text-xs",
+              children: [
+                optionLabel,
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => removeValue(val),
+                    className: "ml-1 rounded-sm hover:bg-muted p-0.5 transition-colors",
+                    "aria-label": `Remover ${optionLabel}`,
+                    children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                  }
+                )
+              ]
+            },
+            val
+          );
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        onClick: onRemove,
+        className: "h-9 w-9 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
+        "aria-label": "Remover condi\xE7\xE3o",
+        children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}
+function DataTable({
+  data,
+  columns,
+  searchPlaceholder = "Buscar...",
+  searchableColumns,
+  enableSearch = true,
+  filterFields = [],
+  enableFilters = false,
+  pageSizeOptions = [5, 10, 20, 50],
+  initialPageSize = 10,
+  toolbarActions,
+  className
+}) {
+  const {
+    data: processedData,
+    state,
+    handlers,
+    getSortDirection
+  } = useDataTable({
+    data,
+    initialPageSize,
+    initialSort: { column: null, direction: null }
+  });
+  const [searchQuery, setSearchQuery] = useState("");
+  const [filterDialogOpen, setFilterDialogOpen] = useState(false);
+  const [advancedFilters, setAdvancedFilters] = useState([]);
+  const defaultSearchColumn = searchableColumns ? searchableColumns[0] : columns.find((c) => c.key === "nome" || c.key === "name" || c.key === "title" || c.key === "titulo")?.key || columns[0]?.key;
+  const handleSearchChange = (value) => {
+    setSearchQuery(value);
+    handlers.setFilter(defaultSearchColumn, value, "contains");
+  };
+  const activeFilterChips = advancedFilters.map((filter) => {
+    const field = filterFields.find((f) => f.value === filter.field);
+    const operatorLabel = filter.operator === "is" ? "" : ` ${filter.operator}`;
+    const valueLabel = Array.isArray(filter.value) ? filter.value.join(", ") : filter.value;
+    return {
+      id: filter.id,
+      label: field?.label || filter.field,
+      value: `${operatorLabel} ${valueLabel}`.trim(),
+      onRemove: () => {
+        const updated = advancedFilters.filter((f) => f.id !== filter.id);
+        setAdvancedFilters(updated);
+        applyAdvancedFilters(updated);
+      }
+    };
+  });
+  const applyAdvancedFilters = (filters) => {
+    handlers.clearFilters();
+    if (searchQuery) {
+      handlers.setFilter(defaultSearchColumn, searchQuery, "contains");
+    }
+    filters.forEach((filter) => {
+      const operator = mapFilterOperator(filter.operator);
+      handlers.setFilter(filter.field, filter.value, operator);
+    });
+  };
+  const mapFilterOperator = (operator) => {
+    switch (operator) {
+      case "is":
+        return "equals";
+      case "contains":
+        return "contains";
+      case "starts_with":
+        return "startsWith";
+      case "greater_than":
+        return "greaterThan";
+      case "less_than":
+        return "lessThan";
+      default:
+        return "contains";
+    }
+  };
+  const handleApplyFilters = () => {
+    applyAdvancedFilters(advancedFilters);
+    setFilterDialogOpen(false);
+  };
+  const handleClearAllFilters = () => {
+    setAdvancedFilters([]);
+    handlers.clearFilters();
+    if (searchQuery) {
+      handlers.setFilter(defaultSearchColumn, searchQuery, "contains");
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
+        enableSearch && /* @__PURE__ */ jsxs("div", { className: "relative max-w-sm flex-1", children: [
+          /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              placeholder: searchPlaceholder,
+              value: searchQuery,
+              onChange: (event) => handleSearchChange(event.target.value),
+              className: "pl-9"
+            }
+          )
+        ] }),
+        enableFilters && filterFields.length > 0 && /* @__PURE__ */ jsxs(Popover, { open: filterDialogOpen, onOpenChange: setFilterDialogOpen, children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "gap-2", children: [
+            /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" }),
+            "Filtros",
+            advancedFilters.length > 0 && /* @__PURE__ */ jsx("span", { className: "ml-1 rounded-full bg-primary text-primary-foreground w-5 h-5 text-xs flex items-center justify-center", children: advancedFilters.length })
+          ] }) }),
+          /* @__PURE__ */ jsxs(PopoverContent, { className: "w-[700px] p-0", align: "start", sideOffset: 8, children: [
+            /* @__PURE__ */ jsxs("div", { className: "p-6 border-b", children: [
+              /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: "Filtros Avan\xE7ados" }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Adicione condi\xE7\xF5es de filtro para refinar os resultados." })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsx(
+              FilterBuilder,
+              {
+                conditions: advancedFilters,
+                onConditionsChange: setAdvancedFilters,
+                fields: filterFields
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 p-4 border-t bg-muted/50", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => setFilterDialogOpen(false),
+                  children: "Cancelar"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  onClick: handleApplyFilters,
+                  children: "Aplicar Filtros"
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] }),
+      toolbarActions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: toolbarActions })
+    ] }),
+    advancedFilters.length > 0 && /* @__PURE__ */ jsx(
+      FilterBar,
+      {
+        activeFilters: activeFilterChips,
+        onClearAll: handleClearAllFilters
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsx(
+        TableHead,
+        {
+          className: cn(
+            column.headerClassName,
+            column.sortable && "cursor-pointer select-none hover:bg-muted/50 transition-colors"
+          ),
+          style: { width: column.width },
+          onClick: () => column.sortable && handlers.onSort(column.key),
+          "aria-sort": column.sortable ? getSortDirection(column.key) === "asc" ? "ascending" : getSortDirection(column.key) === "desc" ? "descending" : "none" : void 0,
+          children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", column.align ? `justify-${column.align}` : "justify-start"), children: [
+            column.header,
+            column.sortable && /* @__PURE__ */ jsx(ArrowUpDown, { className: cn("h-4 w-4", getSortDirection(column.key) ? "opacity-100" : "opacity-40") })
+          ] })
+        },
+        String(column.key)
+      )) }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: processedData.length > 0 ? processedData.map((row, rowIndex) => /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsx(
+        TableCell,
+        {
+          className: cn(column.className, column.align ? `text-${column.align}` : "text-left"),
+          children: column.render ? column.render(row[column.key], row, rowIndex) : row[column.key]
+        },
+        String(column.key)
+      )) }, rowIndex)) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+        TableCell,
+        {
+          colSpan: columns.length,
+          className: "h-24 text-center",
+          children: "Nenhum resultado encontrado."
+        }
+      ) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      TablePagination,
+      {
+        currentPage: state.pagination.currentPage,
+        totalPages: Math.ceil(state.pagination.totalItems / state.pagination.pageSize),
+        pageSize: state.pagination.pageSize,
+        totalItems: state.pagination.totalItems,
+        onPageChange: state.pagination.onPageChange || (() => {
+        }),
+        onPageSizeChange: state.pagination.onPageSizeChange,
+        pageSizeOptions
+      }
+    )
+  ] });
+}
+var sampleCampaigns = [
+  {
+    id: "1",
+    name: "Campanha de Natal 2025",
+    client: "Coca-Cola",
+    status: "active",
+    budget: 5e4,
+    spent: 32e3,
+    startDate: "2025-12-01",
+    endDate: "2025-12-25"
+  },
+  {
+    id: "2",
+    name: "Black Friday Especial",
+    client: "Nike",
+    status: "completed",
+    budget: 8e4,
+    spent: 78500,
+    startDate: "2025-11-15",
+    endDate: "2025-11-30"
+  },
+  {
+    id: "3",
+    name: "Lan\xE7amento Produto X",
+    client: "Apple",
+    status: "active",
+    budget: 12e4,
+    spent: 45e3,
+    startDate: "2025-12-05",
+    endDate: "2026-01-15"
+  },
+  {
+    id: "4",
+    name: "Campanha Ver\xE3o",
+    client: "Havaianas",
+    status: "paused",
+    budget: 35e3,
+    spent: 18e3,
+    startDate: "2025-11-20",
+    endDate: "2026-02-28"
+  },
+  {
+    id: "5",
+    name: "Awareness Brand",
+    client: "Google",
+    status: "draft",
+    budget: 95e3,
+    spent: 0,
+    startDate: "2026-01-01",
+    endDate: "2026-03-31"
+  },
+  {
+    id: "6",
+    name: "Retargeting Q4",
+    client: "Amazon",
+    status: "active",
+    budget: 65e3,
+    spent: 42e3,
+    startDate: "2025-10-01",
+    endDate: "2025-12-31"
+  },
+  {
+    id: "7",
+    name: "Social Media Boost",
+    client: "Nike",
+    status: "active",
+    budget: 28e3,
+    spent: 15e3,
+    startDate: "2025-11-01",
+    endDate: "2025-12-31"
+  },
+  {
+    id: "8",
+    name: "Email Campaign",
+    client: "Coca-Cola",
+    status: "completed",
+    budget: 12e3,
+    spent: 11500,
+    startDate: "2025-10-15",
+    endDate: "2025-11-15"
+  }
+];
+function DataTableExample() {
+  const [campaigns] = useState(sampleCampaigns);
+  const columns = [
+    {
+      key: "name",
+      header: "Campanha",
+      sortable: true,
+      width: "25%",
+      className: "font-medium"
+    },
+    {
+      key: "client",
+      header: "Cliente",
+      sortable: true
+    },
+    {
+      key: "status",
+      header: "Status",
+      sortable: true,
+      render: (value) => {
+        const variants = {
+          active: "default",
+          paused: "secondary",
+          completed: "outline",
+          draft: "secondary"
+        };
+        const labels = {
+          active: "Ativa",
+          paused: "Pausada",
+          completed: "Conclu\xEDda",
+          draft: "Rascunho"
+        };
+        return /* @__PURE__ */ jsx(Badge, { variant: variants[value], children: labels[value] });
+      }
+    },
+    {
+      key: "budget",
+      header: "Or\xE7amento",
+      align: "right",
+      sortable: true,
+      render: (value) => `R$ ${value.toLocaleString("pt-BR")}`
+    },
+    {
+      key: "spent",
+      header: "Gasto",
+      align: "right",
+      sortable: true,
+      render: (value, row) => {
+        const spent = value;
+        const budget = row.budget;
+        const percentage = spent / budget * 100;
+        const color = percentage > 90 ? "text-red-600" : percentage > 70 ? "text-orange-600" : "text-green-600";
+        return /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsxs("div", { className: color, children: [
+            "R$ ",
+            spent.toLocaleString("pt-BR")
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+            percentage.toFixed(0),
+            "%"
+          ] })
+        ] });
+      }
+    },
+    {
+      key: "startDate",
+      header: "In\xEDcio",
+      sortable: true,
+      render: (value) => new Date(value).toLocaleDateString("pt-BR")
+    },
+    {
+      key: "id",
+      header: "A\xE7\xF5es",
+      align: "right",
+      width: "80px",
+      render: (id, row) => /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+          /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => console.log("View", row), children: "Ver detalhes" }),
+          /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => console.log("Edit", row), children: "Editar" }),
+          /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => console.log("Duplicate", row), children: "Duplicar" }),
+          /* @__PURE__ */ jsx(
+            DropdownMenuItem,
+            {
+              onClick: () => console.log("Delete", id),
+              className: "text-destructive",
+              children: "Excluir"
+            }
+          )
+        ] })
+      ] })
+    }
+  ];
+  const filterFields = [
+    {
+      value: "status",
+      label: "Status",
+      type: "select",
+      options: [
+        { value: "active", label: "Ativa" },
+        { value: "paused", label: "Pausada" },
+        { value: "completed", label: "Conclu\xEDda" },
+        { value: "draft", label: "Rascunho" }
+      ],
+      multiSelect: true
+      // Allow selecting multiple statuses
+    },
+    {
+      value: "client",
+      label: "Cliente",
+      type: "select",
+      options: [
+        { value: "Coca-Cola", label: "Coca-Cola" },
+        { value: "Nike", label: "Nike" },
+        { value: "Apple", label: "Apple" },
+        { value: "Havaianas", label: "Havaianas" },
+        { value: "Google", label: "Google" },
+        { value: "Amazon", label: "Amazon" }
+      ]
+    },
+    {
+      value: "budget",
+      label: "Or\xE7amento",
+      type: "number"
+    },
+    {
+      value: "startDate",
+      label: "Data de In\xEDcio",
+      type: "date"
+    }
+  ];
+  const handleExport = () => {
+    console.log("Exporting campaigns...", campaigns);
+  };
+  const handleCreateNew = () => {
+    console.log("Creating new campaign...");
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6 p-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold tracking-tight", children: "Campanhas" }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-2", children: "Gerencie suas campanhas de publicidade e acompanhe o desempenho" })
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { onClick: handleCreateNew, children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+        "Nova Campanha"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4", children: [
+      /* @__PURE__ */ jsxs(Card, { className: "p-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Total de Campanhas" }),
+        /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold mt-1", children: campaigns.length })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { className: "p-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Campanhas Ativas" }),
+        /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold mt-1 text-green-600", children: campaigns.filter((c) => c.status === "active").length })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { className: "p-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Or\xE7amento Total" }),
+        /* @__PURE__ */ jsxs("div", { className: "text-2xl font-bold mt-1", children: [
+          "R$ ",
+          campaigns.reduce((sum, c) => sum + c.budget, 0).toLocaleString("pt-BR")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { className: "p-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Total Gasto" }),
+        /* @__PURE__ */ jsxs("div", { className: "text-2xl font-bold mt-1", children: [
+          "R$ ",
+          campaigns.reduce((sum, c) => sum + c.spent, 0).toLocaleString("pt-BR")
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Card, { className: "p-6", children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        data: campaigns,
+        columns,
+        searchPlaceholder: "Buscar por campanha ou cliente...",
+        searchableColumns: ["name", "client"],
+        enableSearch: true,
+        enableFilters: true,
+        filterFields,
+        initialPageSize: 10,
+        pageSizeOptions: [5, 10, 20, 50],
+        toolbarActions: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handleExport, children: [
+          /* @__PURE__ */ jsx(Download, { className: "h-4 w-4 mr-2" }),
+          "Exportar"
+        ] }) })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Card, { className: "p-4 bg-blue-50 dark:bg-blue-950/20 border-blue-200 dark:border-blue-900", children: /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+      /* @__PURE__ */ jsx("strong", { children: "\u{1F4A1} Dica:" }),
+      ' Use o campo de busca para encontrar campanhas rapidamente. Use os filtros avan\xE7ados para combinar m\xFAltiplas condi\xE7\xF5es (ex: "Status = Ativa" E "Cliente = Nike").'
+    ] }) })
+  ] });
+}
+function SavedFilters({
+  filters = [],
+  onSelectFilter,
+  onToggleFavorite,
+  onDeleteFilter,
+  className
+}) {
+  const favoriteFilters = filters.filter((f) => f.isFavorite);
+  const otherFilters = filters.filter((f) => !f.isFavorite);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: cn("gap-2", className), children: [
+      /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }),
+      "Saved Filters",
+      filters.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        "(",
+        filters.length,
+        ")"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", className: "w-[280px]", children: filters.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-6 text-center text-sm text-muted-foreground", children: "No saved filters yet" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      favoriteFilters.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground", children: "Favorites" }),
+        favoriteFilters.map((filter) => /* @__PURE__ */ jsx(
+          FilterMenuItem,
+          {
+            filter,
+            onSelect: onSelectFilter,
+            onToggleFavorite,
+            onDelete: onDeleteFilter
+          },
+          filter.id
+        )),
+        otherFilters.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+      ] }),
+      otherFilters.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        favoriteFilters.length > 0 && /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground", children: "All Filters" }),
+        otherFilters.map((filter) => /* @__PURE__ */ jsx(
+          FilterMenuItem,
+          {
+            filter,
+            onSelect: onSelectFilter,
+            onToggleFavorite,
+            onDelete: onDeleteFilter
+          },
+          filter.id
+        ))
+      ] })
+    ] }) })
+  ] });
+}
+function FilterMenuItem({
+  filter,
+  onSelect,
+  onToggleFavorite,
+  onDelete
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 px-2 py-1.5 hover:bg-muted rounded-sm group", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          onToggleFavorite?.(filter.id);
+        },
+        className: "p-1 hover:bg-accent rounded-sm",
+        children: /* @__PURE__ */ jsx(
+          Star,
+          {
+            className: cn(
+              "h-3.5 w-3.5",
+              filter.isFavorite ? "fill-yellow-500 text-yellow-500" : "text-muted-foreground"
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => onSelect?.(filter.id),
+        className: "flex-1 text-left px-2",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm", children: filter.name }),
+          filter.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: filter.description }),
+          filter.filterCount !== void 0 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground mt-0.5", children: [
+            filter.filterCount,
+            " ",
+            filter.filterCount === 1 ? "filter" : "filters"
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          onDelete?.(filter.id);
+        },
+        className: "p-1 hover:bg-accent rounded-sm opacity-0 group-hover:opacity-100 transition-opacity",
+        children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5 text-destructive" })
+      }
+    )
+  ] });
+}
 function Tabs({
   className,
   ...props
@@ -6485,6 +7808,6 @@ function ProposalTemplate({
   );
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppLayout, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar2 as Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContractPrint, ContractPrintPreview, ContractTemplate, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyCalendarIllustration, EmptyInboxIllustration, EmptyProjectsIllustration, EmptySearchIllustration, ErrorStateIllustration, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Illustrations, ImageWithFallback, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KanbanCard, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, PrintFooter, PrintHeader, PrintInfoGrid, PrintSection, PrintSignature, PrintTable, Progress, ProposalTemplate, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster as Sonner, SuccessStateIllustration, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TablePagination, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimePicker, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabs, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, badgeVariants, buttonVariants, calculatePaginationMetadata, cn, dadosContratoExemplo, getPageNumbers, navigationMenuTriggerStyle, toggleVariants, useFormField, useIsMobile, usePrintContract, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppLayout, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar2 as Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContractPrint, ContractPrintPreview, ContractTemplate, DataTable, DataTableExample, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyCalendarIllustration, EmptyInboxIllustration, EmptyProjectsIllustration, EmptySearchIllustration, ErrorStateIllustration, FilterBar, FilterBuilder, FilterChip, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Illustrations, ImageWithFallback, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KanbanCard, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, PrintFooter, PrintHeader, PrintInfoGrid, PrintSection, PrintSignature, PrintTable, Progress, ProposalTemplate, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, SavedFilters, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator5 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster as Sonner, SuccessStateIllustration, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TablePagination, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimePicker, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabs, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, badgeVariants, buttonVariants, calculatePaginationMetadata, cn, dadosContratoExemplo, getPageNumbers, navigationMenuTriggerStyle, toggleVariants, useFormField, useIsMobile, usePrintContract, useSidebar };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map