@iclips/ui 1.0.2 → 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 } 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",
@@ -5590,56 +5824,72 @@ function Switch({
     }
   );
 }
-function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "table-container",
-      className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx(
-        "table",
-        {
-          "data-slot": "table",
-          className: cn("w-full caption-bottom text-sm", className),
-          ...props
-        }
-      )
-    }
-  );
-}
-function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "thead",
-    {
-      "data-slot": "table-header",
-      className: cn("[&_tr]:border-b", className),
-      ...props
-    }
-  );
-}
-function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "tbody",
-    {
-      "data-slot": "table-body",
-      className: cn("[&_tr:last-child]:border-0", className),
-      ...props
-    }
-  );
-}
-function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "tfoot",
-    {
-      "data-slot": "table-footer",
-      className: cn(
-        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
+var Table = React7.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "table-container",
+        className: "relative w-full overflow-x-auto",
+        children: /* @__PURE__ */ jsx(
+          "table",
+          {
+            ref,
+            "data-slot": "table",
+            className: cn("w-full caption-bottom text-sm", className),
+            ...props
+          }
+        )
+      }
+    );
+  }
+);
+Table.displayName = "Table";
+var TableHeader = React7.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "thead",
+      {
+        ref,
+        "data-slot": "table-header",
+        className: cn("[&_tr]:border-b", className),
+        ...props
+      }
+    );
+  }
+);
+TableHeader.displayName = "TableHeader";
+var TableBody = React7.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "tbody",
+      {
+        ref,
+        "data-slot": "table-body",
+        className: cn("[&_tr:last-child]:border-0", className),
+        ...props
+      }
+    );
+  }
+);
+TableBody.displayName = "TableBody";
+var TableFooter = React7.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "tfoot",
+      {
+        ref,
+        "data-slot": "table-footer",
+        className: cn(
+          "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+TableFooter.displayName = "TableFooter";
 var TableRow = React7.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "tr",
@@ -5655,44 +5905,1350 @@ var TableRow = React7.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableRow.displayName = "TableRow";
-function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "th",
-    {
-      "data-slot": "table-head",
-      className: cn(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "td",
-    {
-      "data-slot": "table-cell",
-      className: cn(
-        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TableCaption({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "caption",
-    {
-      "data-slot": "table-caption",
-      className: cn("text-muted-foreground mt-4 text-sm", className),
-      ...props
-    }
-  );
+var TableHead = React7.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "th",
+      {
+        ref,
+        "data-slot": "table-head",
+        className: cn(
+          "text-foreground h-10 px-2 text-left align-middle font-medium",
+          "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+TableHead.displayName = "TableHead";
+var TableCell = React7.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "td",
+      {
+        ref,
+        "data-slot": "table-cell",
+        className: cn(
+          "p-2 align-middle",
+          "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+TableCell.displayName = "TableCell";
+var TableCaption = React7.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "caption",
+      {
+        ref,
+        "data-slot": "table-caption",
+        className: cn("text-muted-foreground mt-4 text-sm", className),
+        ...props
+      }
+    );
+  }
+);
+TableCaption.displayName = "TableCaption";
+var defaultLabels = {
+  previous: "Anterior",
+  next: "Pr\xF3xima",
+  first: "Primeira",
+  last: "\xDAltima",
+  showing: "Mostrando",
+  of: "de",
+  results: "resultados",
+  itemsPerPage: "Itens por p\xE1gina",
+  page: "P\xE1gina"
+};
+var defaultPageSizeOptions = [10, 20, 30, 50, 100];
+function getPageNumbers(currentPage, totalPages, maxVisible = 5) {
+  if (totalPages <= maxVisible) {
+    return Array.from({ length: totalPages }, (_, i) => i + 1);
+  }
+  const pages = [];
+  const halfVisible = Math.floor(maxVisible / 2);
+  pages.push(1);
+  let start = Math.max(2, currentPage - halfVisible);
+  let end = Math.min(totalPages - 1, currentPage + halfVisible);
+  if (currentPage <= halfVisible + 1) {
+    end = maxVisible - 1;
+  } else if (currentPage >= totalPages - halfVisible) {
+    start = totalPages - maxVisible + 2;
+  }
+  if (start > 2) {
+    pages.push("ellipsis");
+  }
+  for (let i = start; i <= end; i++) {
+    pages.push(i);
+  }
+  if (end < totalPages - 1) {
+    pages.push("ellipsis");
+  }
+  if (totalPages > 1) {
+    pages.push(totalPages);
+  }
+  return pages;
+}
+function TablePagination({
+  currentPage,
+  totalPages,
+  pageSize,
+  totalItems,
+  onPageChange,
+  onPageSizeChange,
+  pageSizeOptions = defaultPageSizeOptions,
+  maxVisiblePages = 5,
+  showInfo = true,
+  showPageNumbers = true,
+  showPageSizeSelector = true,
+  showFirstLastButtons = true,
+  labels: customLabels,
+  className
+}) {
+  const labels = { ...defaultLabels, ...customLabels };
+  const pages = getPageNumbers(currentPage, totalPages, maxVisiblePages);
+  const startItem = (currentPage - 1) * pageSize + 1;
+  const endItem = Math.min(currentPage * pageSize, totalItems);
+  const hasPreviousPage = currentPage > 1;
+  const hasNextPage = currentPage < totalPages;
+  if (totalPages === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+        className
+      ),
+      role: "navigation",
+      "aria-label": "Pagina\xE7\xE3o da tabela",
+      children: [
+        showInfo && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground order-2 sm:order-1", children: [
+          labels.showing,
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: startItem }),
+          " - ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: endItem }),
+          " ",
+          labels.of,
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: totalItems }),
+          " ",
+          labels.results
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4 order-1 sm:order-2", children: [
+          showPageSizeSelector && onPageSizeChange && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: labels.itemsPerPage }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: String(pageSize),
+                onValueChange: (value) => onPageSizeChange(Number(value)),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: pageSize }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: String(option), children: option }, option)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground sm:hidden", children: [
+            labels.page,
+            " ",
+            currentPage,
+            " ",
+            labels.of,
+            " ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            showFirstLastButtons && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: () => onPageChange(1),
+                disabled: !hasPreviousPage,
+                "aria-label": labels.first,
+                children: /* @__PURE__ */ jsx(ChevronsLeft, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: () => onPageChange(currentPage - 1),
+                disabled: !hasPreviousPage,
+                "aria-label": labels.previous,
+                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+              }
+            ),
+            showPageNumbers && /* @__PURE__ */ jsx("div", { className: "hidden sm:flex items-center gap-1", children: pages.map(
+              (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "flex items-center justify-center w-8 h-8 text-muted-foreground",
+                  "aria-hidden": true,
+                  children: "..."
+                },
+                `ellipsis-${index}`
+              ) : /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: currentPage === page ? "default" : "outline",
+                  size: "icon",
+                  className: "h-8 w-8",
+                  onClick: () => onPageChange(page),
+                  "aria-label": `${labels.page} ${page}`,
+                  "aria-current": currentPage === page ? "page" : void 0,
+                  children: page
+                },
+                page
+              )
+            ) }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: () => onPageChange(currentPage + 1),
+                disabled: !hasNextPage,
+                "aria-label": labels.next,
+                children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+              }
+            ),
+            showFirstLastButtons && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: () => onPageChange(totalPages),
+                disabled: !hasNextPage,
+                "aria-label": labels.last,
+                children: /* @__PURE__ */ jsx(ChevronsRight, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+TablePagination.displayName = "TablePagination";
+
+// components/ui/table-types.ts
+function calculatePaginationMetadata(config) {
+  const { currentPage, pageSize, totalItems } = config;
+  const totalPages = Math.ceil(totalItems / pageSize);
+  const startIndex = (currentPage - 1) * pageSize;
+  const endIndex = Math.min(startIndex + pageSize, totalItems);
+  return {
+    totalPages,
+    startIndex,
+    endIndex,
+    hasNextPage: currentPage < totalPages,
+    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,
@@ -6252,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, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimePicker, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabs, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, badgeVariants, buttonVariants, cn, dadosContratoExemplo, 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