@acsrocha/ui 1.0.0

package/dist/index.js

@@ -0,0 +1,1576 @@
+import * as React3 from 'react';
+import React3__default, { forwardRef, useState, useEffect, useRef, useMemo, useCallback, useLayoutEffect } from 'react';
+import { Check, Grid3x3, List, Table, LayoutGrid, RefreshCw, Loader2, Filter, Bookmark, History, Download, Upload, Save, XCircle, ChevronDown, ChevronRight, Activity, Trash2, X, AlertTriangle, CheckCircle, Database, Plus, Edit, Shield } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { AnimatePresence, motion } from 'framer-motion';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { createPortal } from 'react-dom';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = cva(
+  "relative inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-semibold ring-offset-background transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:scale-[1.03] active:scale-[0.98] overflow-hidden group",
+  {
+    variants: {
+      variant: {
+        default: "bg-gradient-to-br from-blue-500 via-blue-600 to-blue-700 text-white shadow-lg shadow-blue-500/25 hover:shadow-xl hover:shadow-blue-500/40 border border-blue-400/20 before:absolute before:inset-0 before:bg-gradient-to-br before:from-white/20 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity",
+        destructive: "bg-gradient-to-br from-red-500 via-red-600 to-red-700 text-white shadow-lg shadow-red-500/25 hover:shadow-xl hover:shadow-red-500/40 border border-red-400/20 before:absolute before:inset-0 before:bg-gradient-to-br before:from-white/20 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity",
+        outline: "border-2 border-slate-300 bg-white/80 backdrop-blur-sm hover:bg-white hover:border-blue-400 hover:text-blue-700 text-slate-700 shadow-sm hover:shadow-lg hover:shadow-blue-500/10 before:absolute before:inset-0 before:bg-gradient-to-br before:from-blue-50/50 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity",
+        secondary: "bg-gradient-to-br from-slate-500 via-slate-600 to-slate-700 text-white shadow-lg shadow-slate-500/25 hover:shadow-xl hover:shadow-slate-500/40 border border-slate-400/20 before:absolute before:inset-0 before:bg-gradient-to-br before:from-white/20 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity",
+        ghost: "hover:bg-slate-100/80 hover:text-slate-900 shadow-none hover:shadow-md text-slate-600 backdrop-blur-sm before:absolute before:inset-0 before:bg-gradient-to-br before:from-slate-100/50 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity",
+        link: "text-blue-600 underline-offset-4 hover:underline shadow-none hover:shadow-none hover:scale-100 hover:text-blue-700 relative z-10",
+        success: "bg-gradient-to-br from-emerald-500 via-emerald-600 to-emerald-700 text-white shadow-lg shadow-emerald-500/25 hover:shadow-xl hover:shadow-emerald-500/40 border border-emerald-400/20 before:absolute before:inset-0 before:bg-gradient-to-br before:from-white/20 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity",
+        warning: "bg-gradient-to-br from-amber-500 via-amber-600 to-amber-700 text-white shadow-lg shadow-amber-500/25 hover:shadow-xl hover:shadow-amber-500/40 border border-amber-400/20 before:absolute before:inset-0 before:bg-gradient-to-br before:from-white/20 before:to-transparent before:opacity-0 hover:before:opacity-100 before:transition-opacity"
+      },
+      size: {
+        default: "h-11 px-6 py-2.5 text-sm",
+        sm: "h-9 px-4 text-xs",
+        lg: "h-13 px-8 text-base",
+        icon: "h-11 w-11"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React3.forwardRef(
+  ({ className, variant, size, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props,
+        children: /* @__PURE__ */ jsx("span", { className: "relative z-10 flex items-center justify-center gap-2", children: props.children })
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground",
+        success: "border-transparent bg-emerald-500 text-white hover:bg-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400",
+        warning: "border-transparent bg-amber-500 text-white hover:bg-amber-600 dark:bg-amber-900/30 dark:text-amber-400"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+var VIEW_MODE_CONFIG = {
+  cards: { value: "cards", icon: LayoutGrid, label: "Cards" },
+  table: { value: "table", icon: Table, label: "Tabela" },
+  list: { value: "list", icon: List, label: "Lista" },
+  grid: { value: "grid", icon: Grid3x3, label: "Grade" }
+};
+var BTN_H = "h-9";
+var CTRL_BTN = `relative z-10 inline-flex items-center justify-center gap-1.5 px-3 text-xs font-semibold whitespace-nowrap transition-colors duration-150`;
+function SelectorBar({ children, activeIndex }) {
+  const containerRef = useRef(null);
+  const [highlight, setHighlight] = useState({ left: 0, width: 0 });
+  const measure = () => {
+    const container = containerRef.current;
+    if (!container) return;
+    const buttons = container.querySelectorAll("button");
+    const active = buttons[activeIndex];
+    if (!active) return;
+    setHighlight({ left: active.offsetLeft, width: active.offsetWidth });
+  };
+  useLayoutEffect(() => {
+    measure();
+  }, [activeIndex, children]);
+  useLayoutEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const observer = new ResizeObserver(measure);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: `relative inline-flex items-stretch border border-input bg-background rounded-md ${BTN_H} p-0.5 gap-0.5`,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute top-0.5 bottom-0.5 bg-blue-600 rounded transition-all duration-200 ease-out pointer-events-none",
+            style: { left: highlight.left, width: highlight.width }
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function PageHeader({
+  title,
+  subtitle,
+  icon: Icon,
+  actions,
+  badge,
+  viewMode,
+  onViewModeChange,
+  viewModeOptions = ["table", "cards"],
+  loading = false,
+  tabs,
+  activeTab,
+  onTabChange,
+  onRefresh
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      Icon && /* @__PURE__ */ jsx("div", { className: "bg-primary/10 rounded-lg flex-shrink-0 p-2", children: /* @__PURE__ */ jsx(Icon, { className: `w-6 h-6 text-primary ${loading ? "animate-pulse" : ""}` }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold whitespace-nowrap", children: title }),
+          badge && /* @__PURE__ */ jsx(Badge, { variant: badge.variant || "secondary", className: "whitespace-nowrap", children: badge.label })
+        ] }),
+        subtitle && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mt-0.5", children: subtitle })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      actions,
+      tabs && onTabChange && /* @__PURE__ */ jsx(SelectorBar, { activeIndex: tabs.findIndex((t) => t.value === activeTab), children: tabs.map((t) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => onTabChange(t.value),
+          className: `${CTRL_BTN} ${activeTab === t.value ? "text-white" : "text-muted-foreground hover:text-foreground"}`,
+          children: [
+            /* @__PURE__ */ jsx(t.icon, { className: "w-3.5 h-3.5 shrink-0" }),
+            t.label,
+            (t.badge ?? 0) > 0 && /* @__PURE__ */ jsx("span", { className: "ml-1 bg-red-500 text-white text-[10px] font-bold rounded-full min-w-[18px] h-[18px] flex items-center justify-center px-1", children: t.badge })
+          ]
+        },
+        t.value
+      )) }),
+      viewMode && onViewModeChange && viewModeOptions.length > 1 && /* @__PURE__ */ jsx(SelectorBar, { activeIndex: viewModeOptions.indexOf(viewMode), children: viewModeOptions.map((mode) => {
+        const config = VIEW_MODE_CONFIG[mode];
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => onViewModeChange(mode),
+            className: `${CTRL_BTN} ${viewMode === mode ? "text-white" : "text-muted-foreground hover:text-foreground"}`,
+            children: [
+              /* @__PURE__ */ jsx(config.icon, { className: "w-3.5 h-3.5" }),
+              config.label
+            ]
+          },
+          mode
+        );
+      }) }),
+      onRefresh && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onRefresh, disabled: loading, className: "gap-1.5 text-xs font-semibold", children: [
+        /* @__PURE__ */ jsx(RefreshCw, { className: `w-3.5 h-3.5 ${loading ? "animate-spin" : ""}` }),
+        " Atualizar"
+      ] })
+    ] })
+  ] });
+}
+var Card = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "h3",
+    {
+      ref,
+      className: cn("text-2xl font-semibold leading-none tracking-tight", className),
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+var STAT_ACCENT_SEQUENCE = ["blue", "green", "amber", "purple", "teal", "rose"];
+var accentLight = {
+  blue: { border: "border-l-blue-400", icon: "bg-blue-100 text-blue-600", text: "text-blue-600" },
+  purple: { border: "border-l-purple-400", icon: "bg-purple-100 text-purple-600", text: "text-purple-600" },
+  green: { border: "border-l-emerald-400", icon: "bg-emerald-100 text-emerald-600", text: "text-emerald-600" },
+  amber: { border: "border-l-amber-400", icon: "bg-amber-100 text-amber-600", text: "text-amber-600" },
+  teal: { border: "border-l-teal-400", icon: "bg-teal-100 text-teal-600", text: "text-teal-600" },
+  rose: { border: "border-l-rose-400", icon: "bg-rose-100 text-rose-600", text: "text-rose-600" }
+};
+var accentDark = {
+  blue: { gradient: "bg-gradient-to-br from-blue-950 to-blue-900", icon: "bg-black/20 text-white/70" },
+  purple: { gradient: "bg-gradient-to-br from-purple-950 to-purple-900", icon: "bg-black/20 text-white/70" },
+  green: { gradient: "bg-gradient-to-br from-green-950 to-green-900", icon: "bg-black/20 text-white/70" },
+  amber: { gradient: "bg-gradient-to-br from-orange-950 to-orange-900", icon: "bg-black/20 text-white/70" },
+  teal: { gradient: "bg-gradient-to-br from-emerald-950 to-emerald-900", icon: "bg-black/20 text-white/70" },
+  rose: { gradient: "bg-gradient-to-br from-red-950 to-red-900", icon: "bg-black/20 text-white/70" }
+};
+function StatCard({
+  icon: Icon,
+  title,
+  label,
+  value,
+  subtitle,
+  sublabel,
+  gradient,
+  accentColor,
+  color,
+  onClick,
+  variant = "default",
+  loading = false,
+  active = false
+}) {
+  const displayLabel = title || label;
+  const displaySublabel = subtitle || sublabel;
+  const isClickable = !!onClick;
+  const [isDark, setIsDark] = useState(
+    () => document.documentElement.classList.contains("dark")
+  );
+  useEffect(() => {
+    const observer = new MutationObserver(() => {
+      setIsDark(document.documentElement.classList.contains("dark"));
+    });
+    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
+    return () => observer.disconnect();
+  }, []);
+  if (variant === "slim") {
+    return /* @__PURE__ */ jsx(
+      Card,
+      {
+        className: `border-0 shadow-md transition-all ${isClickable ? "cursor-pointer hover:shadow-lg" : ""} ${active ? "ring-2 ring-primary" : ""}`,
+        onClick,
+        children: /* @__PURE__ */ jsx(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-[11px] uppercase tracking-wide text-muted-foreground mb-1", children: displayLabel }),
+          /* @__PURE__ */ jsx("p", { className: "text-base font-bold", children: loading ? /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin mx-auto" }) : value })
+        ] }) })
+      }
+    );
+  }
+  let cardClass = "";
+  let iconClass = "";
+  let valueClass = "";
+  if (accentColor) {
+    if (isDark) {
+      cardClass = `border-0 ${accentDark[accentColor].gradient}`;
+      iconClass = accentDark[accentColor].icon;
+      valueClass = "text-foreground";
+    } else {
+      cardClass = `border border-border border-l-4 ${accentLight[accentColor].border} bg-card shadow-sm`;
+      iconClass = accentLight[accentColor].icon;
+      valueClass = accentLight[accentColor].text;
+    }
+  } else {
+    cardClass = `border-0 ${gradient ? `bg-gradient-to-br ${gradient}` : "shadow-md"}`;
+    iconClass = color || (gradient ? "bg-black/10 dark:bg-white/10" : "bg-primary/10");
+    valueClass = "";
+  }
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      className: `transition-all overflow-hidden ${cardClass} ${isClickable ? "cursor-pointer hover:shadow-md hover:scale-[1.02]" : ""} ${active ? "ring-2 ring-primary shadow-md scale-[1.02]" : ""}`,
+      onClick,
+      children: /* @__PURE__ */ jsx(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-[11px] uppercase tracking-wide font-medium text-muted-foreground mb-1", children: displayLabel }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-baseline gap-2", children: /* @__PURE__ */ jsx("h3", { className: `text-2xl font-bold leading-none ${valueClass}`, children: loading ? /* @__PURE__ */ jsx(Loader2, { className: "w-5 h-5 animate-spin" }) : value }) }),
+          displaySublabel && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground mt-1", children: displaySublabel })
+        ] }),
+        Icon && /* @__PURE__ */ jsx("div", { className: `p-1.5 rounded-lg ${iconClass}`, children: /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4" }) })
+      ] }) })
+    }
+  );
+}
+var COLS_CLASS = {
+  2: "grid-cols-1 md:grid-cols-2",
+  3: "grid-cols-1 md:grid-cols-3",
+  4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
+  5: "grid-cols-1 md:grid-cols-3 lg:grid-cols-5",
+  6: "grid-cols-1 md:grid-cols-3 lg:grid-cols-6"
+};
+function resolveStatsCols(count, override) {
+  const cols = override ?? Math.min(count, 6);
+  return COLS_CLASS[cols] ?? COLS_CLASS[6];
+}
+function PageLayout({
+  header,
+  stats,
+  statsCols,
+  content,
+  viewMode,
+  tableContent,
+  cardContent,
+  paddingX = "px-3",
+  paddingTop = "pt-3",
+  paddingBottom = "pb-[2px]",
+  gapHeaderStats = "mt-4",
+  gapStatsContent = "mt-4",
+  maxWidth = "max-w-[1600px]",
+  extras,
+  fillHeight = true
+}) {
+  const mainContent = viewMode !== void 0 ? viewMode === "table" ? tableContent : cardContent : content;
+  return /* @__PURE__ */ jsxs("main", { className: `gradient-bg ${fillHeight ? "h-full flex flex-col" : ""} ${paddingX} ${paddingTop} ${paddingBottom}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${maxWidth} mx-auto w-full ${fillHeight ? "flex flex-col flex-1 min-h-0" : ""}`, children: [
+      header,
+      stats && stats.length > 0 && /* @__PURE__ */ jsx("div", { className: `grid ${resolveStatsCols(stats.length, statsCols)} gap-3 ${gapHeaderStats}`, children: stats.map((stat, i) => {
+        const needsDefault = !stat.accentColor && !stat.gradient;
+        return /* @__PURE__ */ jsx(
+          StatCard,
+          {
+            ...stat,
+            accentColor: needsDefault ? STAT_ACCENT_SEQUENCE[i % STAT_ACCENT_SEQUENCE.length] : stat.accentColor
+          },
+          stat.title ?? stat.label ?? i
+        );
+      }) }),
+      /* @__PURE__ */ jsx("div", { className: `${gapStatsContent} ${fillHeight ? "flex flex-col flex-1 min-h-0" : ""}`, children: mainContent })
+    ] }),
+    extras
+  ] });
+}
+var Table2 = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full", children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      ref,
+      className: cn("w-full caption-bottom text-sm bg-transparent", className),
+      ...props
+    }
+  ) })
+);
+Table2.displayName = "Table";
+var TableHeader = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "thead",
+    {
+      ref,
+      className: cn(
+        "[&_tr]:border-b [&_tr]:border-border [&_tr]:bg-muted/60 dark:[&_tr]:bg-gradient-to-b dark:[&_tr]:from-slate-700 dark:[&_tr]:to-slate-800 dark:[&_tr]:border-cyan-400/60 dark:[&_tr]:border-b-2",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableHeader.displayName = "TableHeader";
+var TableBody = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0 bg-transparent", className), ...props })
+);
+TableBody.displayName = "TableBody";
+var TableFooter = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "tfoot",
+    {
+      ref,
+      className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+      ...props
+    }
+  )
+);
+TableFooter.displayName = "TableFooter";
+var TableRow = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ref,
+      className: cn(
+        "border-b border-border/60 transition-colors hover:bg-muted/40 data-[state=selected]:bg-muted/30 text-foreground even:bg-muted/20",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var TableHead = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "th",
+    {
+      ref,
+      className: cn(
+        "h-9 px-4 text-left align-middle font-medium text-muted-foreground dark:text-slate-300 uppercase text-[10px] tracking-wide border-r border-border/50 dark:border-slate-600/70 last:border-r-0 [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableHead.displayName = "TableHead";
+var TableCell = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "td",
+    {
+      ref,
+      className: cn("px-4 py-1.5 align-middle [&:has([role=checkbox])]:pr-0 text-foreground/90 text-xs", className),
+      ...props
+    }
+  )
+);
+TableCell.displayName = "TableCell";
+var TableCaption = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+);
+TableCaption.displayName = "TableCaption";
+var Checkbox = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+var SmartFilterPanel = ({
+  filterGroups,
+  searchValue = "",
+  onSearchChange,
+  searchPlaceholder = "Buscar...",
+  resultsCount,
+  onClearAll,
+  defaultExpanded = false,
+  persistKey,
+  enablePresets = false,
+  enableUrlSync = false,
+  enableHistory = false,
+  maxHistoryItems = 10,
+  onFiltersChange
+}) => {
+  const [showFilters, setShowFilters] = useState(() => {
+    if (!persistKey) return defaultExpanded;
+    const saved = localStorage.getItem(`showFilters_${persistKey}`);
+    return saved !== null ? saved === "true" : defaultExpanded;
+  });
+  const [presets, setPresets] = useState([]);
+  const [showPresets, setShowPresets] = useState(false);
+  const [history, setHistory] = useState([]);
+  const [showHistory, setShowHistory] = useState(false);
+  const [showSavePresetModal, setShowSavePresetModal] = useState(false);
+  const [presetName, setPresetName] = useState("");
+  const [localSearch, setLocalSearch] = useState(searchValue);
+  const debounceRef = useRef(null);
+  useEffect(() => {
+    if (searchValue === "") setLocalSearch("");
+  }, [searchValue]);
+  const activeFiltersCount = useMemo(
+    () => filterGroups.filter((g) => g.selectedValues.length > 0).length + (searchValue ? 1 : 0),
+    [filterGroups, searchValue]
+  );
+  const hasActiveFilters = activeFiltersCount > 0;
+  const currentFiltersState = useMemo(
+    () => filterGroups.reduce((acc, group) => {
+      acc[group.key] = group.selectedValues;
+      return acc;
+    }, {}),
+    [filterGroups]
+  );
+  useEffect(() => {
+    if (!persistKey) return;
+    const saved = localStorage.getItem(`filters_${persistKey}`);
+    if (saved) {
+      try {
+        const parsed = JSON.parse(saved);
+        Object.entries(parsed).forEach(([key, values]) => {
+          const group = filterGroups.find((g) => g.key === key);
+          if (group) group.onChange(values);
+        });
+      } catch (e) {
+        console.error("Erro ao carregar filtros:", e);
+      }
+    }
+    if (enablePresets) {
+      const savedPresets = localStorage.getItem(`presets_${persistKey}`);
+      if (savedPresets) {
+        try {
+          setPresets(JSON.parse(savedPresets));
+        } catch (e) {
+          console.error(e);
+        }
+      }
+    }
+    if (enableHistory) {
+      const savedHistory = localStorage.getItem(`history_${persistKey}`);
+      if (savedHistory) {
+        try {
+          setHistory(JSON.parse(savedHistory));
+        } catch (e) {
+          console.error(e);
+        }
+      }
+    }
+  }, [persistKey]);
+  useEffect(() => {
+    if (!persistKey) return;
+    localStorage.setItem(`filters_${persistKey}`, JSON.stringify(currentFiltersState));
+    onFiltersChange?.(currentFiltersState);
+  }, [currentFiltersState, persistKey, onFiltersChange]);
+  useEffect(() => {
+    if (!enableUrlSync) return;
+    const params = new URLSearchParams(window.location.search);
+    Object.entries(currentFiltersState).forEach(([key, values]) => {
+      if (values.length > 0) params.set(key, values.join(","));
+      else params.delete(key);
+    });
+    if (searchValue) params.set("search", searchValue);
+    else params.delete("search");
+    window.history.replaceState({}, "", `${window.location.pathname}?${params.toString()}`);
+  }, [currentFiltersState, searchValue, enableUrlSync]);
+  const handleClearAll = useCallback(() => {
+    filterGroups.forEach((group) => group.onChange([]));
+    onSearchChange?.("");
+    onClearAll?.();
+  }, [filterGroups, onSearchChange, onClearAll]);
+  const toggleOption = useCallback((group, value) => {
+    if (group.selectedValues.includes(value)) group.onChange(group.selectedValues.filter((v) => v !== value));
+    else group.onChange([...group.selectedValues, value]);
+  }, []);
+  const toggleAll = useCallback((group) => {
+    const allValues = group.options.map((o) => o.value);
+    if (group.selectedValues.length === allValues.length) group.onChange([]);
+    else group.onChange(allValues);
+  }, []);
+  const confirmSavePreset = useCallback(() => {
+    if (!presetName.trim()) return;
+    const newPreset = { id: Date.now().toString(), name: presetName.trim(), filters: currentFiltersState, searchValue, createdAt: /* @__PURE__ */ new Date() };
+    const updated = [...presets, newPreset];
+    setPresets(updated);
+    if (persistKey) localStorage.setItem(`presets_${persistKey}`, JSON.stringify(updated));
+    setPresetName("");
+    setShowSavePresetModal(false);
+  }, [presets, currentFiltersState, searchValue, persistKey, presetName]);
+  const loadPreset = useCallback((preset) => {
+    Object.entries(preset.filters).forEach(([key, values]) => {
+      const group = filterGroups.find((g) => g.key === key);
+      if (group) group.onChange(values);
+    });
+    if (preset.searchValue) onSearchChange?.(preset.searchValue);
+    setShowPresets(false);
+    setShowHistory(false);
+  }, [filterGroups, onSearchChange]);
+  const deletePreset = useCallback((id) => {
+    const updated = presets.filter((p) => p.id !== id);
+    setPresets(updated);
+    if (persistKey) localStorage.setItem(`presets_${persistKey}`, JSON.stringify(updated));
+  }, [presets, persistKey]);
+  const addToHistory = useCallback(() => {
+    if (!enableHistory || !hasActiveFilters) return;
+    const newEntry = { id: Date.now().toString(), name: `Filtro ${(/* @__PURE__ */ new Date()).toLocaleString()}`, filters: currentFiltersState, searchValue, createdAt: /* @__PURE__ */ new Date() };
+    const updated = [newEntry, ...history].slice(0, maxHistoryItems);
+    setHistory(updated);
+    if (persistKey) localStorage.setItem(`history_${persistKey}`, JSON.stringify(updated));
+  }, [enableHistory, hasActiveFilters, currentFiltersState, searchValue, history, maxHistoryItems, persistKey]);
+  useEffect(() => {
+    if (hasActiveFilters) {
+      const timer = setTimeout(addToHistory, 2e3);
+      return () => clearTimeout(timer);
+    }
+  }, [hasActiveFilters, addToHistory]);
+  const exportFilters = useCallback(() => {
+    const data = { filters: currentFiltersState, searchValue, exportedAt: (/* @__PURE__ */ new Date()).toISOString() };
+    const blob = new Blob([JSON.stringify(data, null, 2)], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `filters_${persistKey || "export"}_${Date.now()}.json`;
+    a.click();
+    URL.revokeObjectURL(url);
+  }, [currentFiltersState, searchValue, persistKey]);
+  const importFilters = useCallback(() => {
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = "application/json";
+    input.onchange = (e) => {
+      const file = e.target.files?.[0];
+      if (!file) return;
+      const reader = new FileReader();
+      reader.onload = (e2) => {
+        try {
+          const data = JSON.parse(e2.target?.result);
+          Object.entries(data.filters).forEach(([key, values]) => {
+            const group = filterGroups.find((g) => g.key === key);
+            if (group) group.onChange(values);
+          });
+          if (data.searchValue) onSearchChange?.(data.searchValue);
+        } catch {
+          alert("Erro ao importar filtros");
+        }
+      };
+      reader.readAsText(file);
+    };
+    input.click();
+  }, [filterGroups, onSearchChange]);
+  const defaultAllColor = { bg: "bg-slate-100", text: "text-slate-800", border: "border-slate-300", darkBg: "dark:bg-slate-900/30", darkText: "dark:text-slate-300", darkBorder: "dark:border-slate-800" };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Card, { className: "border-border/30 shadow-xl", children: /* @__PURE__ */ jsxs(CardContent, { className: `transition-all ${showFilters ? "p-3" : "p-2.5"}`, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "p-1 bg-primary/10 rounded", children: /* @__PURE__ */ jsx(Filter, { className: "w-3 h-3 text-primary" }) }),
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Filtros" }),
+          hasActiveFilters && /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "bg-primary/10 text-primary border-primary/20", children: [
+            activeFiltersCount,
+            " ativo",
+            activeFiltersCount > 1 ? "s" : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          enablePresets && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => setShowPresets(!showPresets), title: "Presets", disabled: !showFilters, children: /* @__PURE__ */ jsx(Bookmark, { className: "w-4 h-4" }) }),
+          enableHistory && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => setShowHistory(!showHistory), title: "Hist\xF3rico", disabled: !showFilters, children: /* @__PURE__ */ jsx(History, { className: "w-4 h-4" }) }),
+          persistKey && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: exportFilters, title: "Exportar", disabled: !showFilters, children: /* @__PURE__ */ jsx(Download, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: importFilters, title: "Importar", disabled: !showFilters, children: /* @__PURE__ */ jsx(Upload, { className: "w-4 h-4" }) })
+          ] }),
+          enablePresets && hasActiveFilters && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => setShowSavePresetModal(true), title: "Salvar Preset", disabled: !showFilters, children: /* @__PURE__ */ jsx(Save, { className: "w-4 h-4" }) }),
+          hasActiveFilters && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handleClearAll, children: [
+            /* @__PURE__ */ jsx(XCircle, { className: "w-4 h-4 mr-2" }),
+            "Limpar"
+          ] }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => {
+            const next = !showFilters;
+            setShowFilters(next);
+            if (persistKey) localStorage.setItem(`showFilters_${persistKey}`, String(next));
+          }, children: showFilters ? /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4" }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(AnimatePresence, { children: showPresets && presets.length > 0 && /* @__PURE__ */ jsxs(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, className: "mt-3 p-3 bg-muted/30 rounded-lg border", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold mb-2", children: "Presets Salvos" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: presets.map((preset) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 px-2 py-1 bg-background rounded border", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => loadPreset(preset), className: "h-6 px-2", children: preset.name }),
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => deletePreset(preset.id), className: "h-6 w-6 p-0", children: /* @__PURE__ */ jsx(XCircle, { className: "w-3 h-3" }) })
+        ] }, preset.id)) })
+      ] }) }),
+      /* @__PURE__ */ jsx(AnimatePresence, { children: showHistory && history.length > 0 && /* @__PURE__ */ jsxs(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, className: "mt-3 p-3 bg-muted/30 rounded-lg border", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold mb-2", children: "Hist\xF3rico Recente" }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-1", children: history.map((entry) => /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: () => loadPreset(entry), className: "w-full justify-start h-8 text-xs", children: [
+          /* @__PURE__ */ jsx(History, { className: "w-3 h-3 mr-2" }),
+          entry.name
+        ] }, entry.id)) })
+      ] }) }),
+      /* @__PURE__ */ jsx(AnimatePresence, { children: showFilters && /* @__PURE__ */ jsx(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { duration: 0.3 }, style: { overflow: "visible" }, children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 mt-3", children: [
+        onSearchChange && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx("span", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground text-xs pointer-events-none", children: "\u{1F50D}" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              placeholder: searchPlaceholder,
+              value: localSearch,
+              onChange: (e) => {
+                const val = e.target.value;
+                setLocalSearch(val);
+                if (debounceRef.current) clearTimeout(debounceRef.current);
+                debounceRef.current = setTimeout(() => onSearchChange(val), 900);
+              },
+              className: "w-full pl-8 pr-3 h-8 text-xs py-1.5 border border-input rounded-md bg-slate-900/50 dark:bg-slate-950/50 text-foreground focus:outline-none focus:border-primary/50"
+            }
+          )
+        ] }),
+        filterGroups.map((group) => {
+          const allValues = group.options.map((o) => o.value);
+          const allSelected = group.selectedValues.length === allValues.length;
+          const allColor = group.allColor || defaultAllColor;
+          if (group.renderType === "select") {
+            return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx("label", { className: "text-xs font-medium", children: group.label }),
+              /* @__PURE__ */ jsx(
+                "select",
+                {
+                  value: group.selectedValues[0] || "",
+                  onChange: (e) => group.onChange(e.target.value ? [e.target.value] : []),
+                  className: "w-full px-3 py-2 text-sm border border-input rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+                  children: group.options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+                }
+              )
+            ] }, group.key);
+          }
+          return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium", children: group.label }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+              group.allLabel && /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => toggleAll(group),
+                  className: `rounded-full ${allColor.bg} ${allColor.text} ${allColor.darkBg} ${allColor.darkText} ${allSelected ? `${allColor.border} ${allColor.darkBorder}` : "border-transparent"}`,
+                  children: [
+                    group.allLabel,
+                    " ",
+                    allSelected && "\u2713"
+                  ]
+                }
+              ),
+              group.options.map((option) => {
+                const isSelected = group.selectedValues.includes(option.value);
+                return /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: () => toggleOption(group, option.value),
+                    className: `rounded-full ${option.color.bg} ${option.color.text} ${option.color.darkBg} ${option.color.darkText} ${isSelected ? `${option.color.border} ${option.color.darkBorder}` : "border-transparent"}`,
+                    children: [
+                      option.emoji && `${option.emoji} `,
+                      option.label
+                    ]
+                  },
+                  option.value
+                );
+              })
+            ] })
+          ] }, group.key);
+        }),
+        resultsCount !== void 0 && /* @__PURE__ */ jsx("div", { className: "pt-2 border-t", children: /* @__PURE__ */ jsxs(Badge, { className: "px-3 py-1.5 bg-primary/10 text-primary border-primary/20", children: [
+          /* @__PURE__ */ jsx(Activity, { className: "w-3.5 h-3.5 mr-1.5" }),
+          resultsCount,
+          " resultado",
+          resultsCount !== 1 ? "s" : ""
+        ] }) })
+      ] }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: showSavePresetModal && /* @__PURE__ */ jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "fixed inset-0 bg-black/50 flex items-center justify-center z-[9999]", onClick: () => setShowSavePresetModal(false), children: /* @__PURE__ */ jsxs(motion.div, { initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, onClick: (e) => e.stopPropagation(), className: "bg-background border rounded-lg p-6 w-96 shadow-2xl", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold mb-4", children: "Salvar Preset" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Nome do preset",
+          value: presetName,
+          onChange: (e) => setPresetName(e.target.value),
+          onKeyDown: (e) => e.key === "Enter" && confirmSavePreset(),
+          className: "w-full px-3 py-2 border border-input rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-ring mb-4",
+          autoFocus: true
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-end", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => {
+          setShowSavePresetModal(false);
+          setPresetName("");
+        }, children: "Cancelar" }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", onClick: confirmSavePreset, disabled: !presetName.trim(), children: "Salvar" })
+      ] })
+    ] }) }) })
+  ] });
+};
+var SmartFilterPanel_default = SmartFilterPanel;
+function DataTable({
+  data = [],
+  columns,
+  title,
+  subtitle,
+  icon: Icon,
+  loading = false,
+  total = 0,
+  page = 1,
+  pageSize = 25,
+  onPageChange,
+  onPageSizeChange,
+  search = "",
+  onSearchChange,
+  filters = [],
+  actions = [],
+  selectable = false,
+  selectedItems = [],
+  onSelectionChange,
+  onBulkDelete,
+  bulkDeleteLabel = "Excluir selecionados",
+  onRefresh,
+  onExport,
+  emptyMessage = "Nenhum registro encontrado",
+  emptyIcon: EmptyIcon,
+  stats = [],
+  enablePagination = true,
+  customActions,
+  sortBy,
+  sortOrder,
+  onSort,
+  hideHeader = false,
+  searchDebounce = true,
+  tableBodyHeight,
+  fillHeight = true,
+  onRowClick,
+  renderDrawer
+}) {
+  const [drawerItem, setDrawerItem] = useState(null);
+  const [showBulkDeleteConfirm, setShowBulkDeleteConfirm] = useState(false);
+  const [isRefreshing, setIsRefreshing] = useState(false);
+  const [searchInput, setSearchInput] = useState(search);
+  const handleRowClick = (item) => {
+    if (renderDrawer) {
+      setDrawerItem(item);
+      return;
+    }
+    onRowClick?.(item);
+  };
+  React3__default.useEffect(() => {
+    setSearchInput(search);
+  }, [search]);
+  React3__default.useEffect(() => {
+    if (!searchDebounce) return;
+    const timer = setTimeout(() => {
+      if (onSearchChange && searchInput !== search) onSearchChange(searchInput);
+    }, 600);
+    return () => clearTimeout(timer);
+  }, [searchInput, searchDebounce]);
+  const handleSearchChange = (value) => {
+    if (searchDebounce) setSearchInput(value);
+    else onSearchChange?.(value);
+  };
+  const toggleSelectAll = () => {
+    const currentPageIds = data.map((item) => item.id);
+    const allCurrentSelected = currentPageIds.every((id) => selectedItems.includes(id));
+    if (allCurrentSelected) onSelectionChange?.(selectedItems.filter((id) => !currentPageIds.includes(id)));
+    else onSelectionChange?.([.../* @__PURE__ */ new Set([...selectedItems, ...currentPageIds])]);
+  };
+  const toggleSelectItem = (itemId) => {
+    if (selectedItems.includes(itemId)) onSelectionChange?.(selectedItems.filter((id) => id !== itemId));
+    else onSelectionChange?.([...selectedItems, itemId]);
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "min-h-96 flex items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-16 w-16 border-b-2 border-primary mx-auto mb-4" }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Carregando dados..." })
+    ] }) });
+  }
+  const handleBulkDelete = () => {
+    if (onBulkDelete && selectedItems.length > 0) {
+      onBulkDelete(selectedItems);
+      setShowBulkDeleteConfirm(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: fillHeight ? "flex flex-col h-full gap-4" : "space-y-4", children: [
+    /* @__PURE__ */ jsx(AnimatePresence, { children: selectable && selectedItems.length > 0 && /* @__PURE__ */ jsx(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 20 }, className: "fixed bottom-6 left-1/2 -translate-x-1/2 z-50", children: /* @__PURE__ */ jsxs("div", { className: "bg-gradient-to-r from-slate-900 to-slate-800 dark:from-slate-800 dark:to-slate-900 text-white rounded-full shadow-2xl px-6 py-4 flex items-center gap-4 border border-slate-700", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-8 h-8 bg-primary/20 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-primary", children: selectedItems.length }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: selectedItems.length === 1 ? "1 item selecionado" : `${selectedItems.length} itens selecionados` })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-6 w-px bg-slate-600" }),
+      onBulkDelete && /* @__PURE__ */ jsxs(Button, { onClick: () => setShowBulkDeleteConfirm(true), variant: "ghost", size: "sm", className: "text-red-400 hover:text-red-300 hover:bg-red-500/10 gap-2", children: [
+        /* @__PURE__ */ jsx(Trash2, { className: "w-4 h-4" }),
+        bulkDeleteLabel
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { onClick: () => onSelectionChange?.([]), variant: "ghost", size: "sm", className: "text-slate-400 hover:text-slate-300 hover:bg-slate-700 gap-2", children: [
+        /* @__PURE__ */ jsx(X, { className: "w-4 h-4" }),
+        "Cancelar"
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: showBulkDeleteConfirm && /* @__PURE__ */ jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4", onClick: () => setShowBulkDeleteConfirm(false), children: /* @__PURE__ */ jsxs(motion.div, { initial: { scale: 0.95, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.95, opacity: 0 }, onClick: (e) => e.stopPropagation(), className: "bg-background rounded-lg shadow-xl max-w-md w-full p-6 space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center", children: /* @__PURE__ */ jsx(Trash2, { className: "w-6 h-6 text-red-600 dark:text-red-400" }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: "Confirmar Exclus\xE3o" }),
+          /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+            "Tem certeza que deseja excluir ",
+            selectedItems.length,
+            " ",
+            selectedItems.length === 1 ? "item" : "itens",
+            "?"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Esta a\xE7\xE3o n\xE3o pode ser desfeita." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-3 justify-end", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setShowBulkDeleteConfirm(false), children: "Cancelar" }),
+        /* @__PURE__ */ jsxs(Button, { variant: "destructive", onClick: handleBulkDelete, className: "bg-red-600 hover:bg-red-700", children: [
+          /* @__PURE__ */ jsx(Trash2, { className: "w-4 h-4 mr-2" }),
+          "Excluir ",
+          selectedItems.length,
+          " ",
+          selectedItems.length === 1 ? "item" : "itens"
+        ] })
+      ] })
+    ] }) }) }),
+    !hideHeader && title && /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title,
+        subtitle,
+        icon: Icon,
+        actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+          onRefresh && /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: () => {
+            setIsRefreshing(true);
+            onRefresh();
+            setTimeout(() => setIsRefreshing(false), 500);
+          }, children: [
+            /* @__PURE__ */ jsx(RefreshCw, { className: `w-4 h-4 mr-2 transition-transform ${isRefreshing ? "animate-[spin_0.5s_ease-in-out]" : ""}` }),
+            "Atualizar"
+          ] }),
+          onExport && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onExport, children: [
+            /* @__PURE__ */ jsx(Download, { className: "w-4 h-4 mr-2" }),
+            "Exportar"
+          ] })
+        ] })
+      }
+    ),
+    stats && stats.length > 0 && /* @__PURE__ */ jsx("div", { className: `grid grid-cols-2 md:grid-cols-3 lg:grid-cols-${Math.min(stats.length, 6)} gap-4`, children: stats.map((stat, index) => /* @__PURE__ */ jsx(StatCard, { ...stat, variant: stat.variant || "slim" }, stat.label || index)) }),
+    (onSearchChange || filters.length > 0) && /* @__PURE__ */ jsx(
+      SmartFilterPanel_default,
+      {
+        filterGroups: filters.map((f) => ({
+          key: f.key,
+          label: f.label,
+          renderType: f.type === "select" ? "select" : "badges",
+          options: f.options?.map((opt) => {
+            const colorClasses = opt.color?.split(" ") || [];
+            const bgClass = colorClasses.find((c) => c.startsWith("bg-")) || "bg-slate-100";
+            const textClass = colorClasses.find((c) => c.startsWith("text-")) || "text-slate-800";
+            const borderClass = colorClasses.find((c) => c.startsWith("border-") && !c.includes("dark:")) || "border-slate-300";
+            const darkBgClass = colorClasses.find((c) => c.startsWith("dark:bg-")) || "dark:bg-slate-900/30";
+            const darkTextClass = colorClasses.find((c) => c.startsWith("dark:text-")) || "dark:text-slate-300";
+            const darkBorderClass = colorClasses.find((c) => c.startsWith("dark:border-")) || "dark:border-slate-800";
+            return { value: opt.value, label: opt.label, color: { bg: bgClass, text: textClass, border: borderClass, darkBg: darkBgClass, darkText: darkTextClass, darkBorder: darkBorderClass } };
+          }) || [],
+          selectedValues: Array.isArray(f.value) ? f.value : f.value ? [f.value] : [],
+          onChange: (values) => f.onChange(f.type === "select" ? values[0] || "" : values),
+          allLabel: f.type === "multiselect" ? "Todos" : void 0
+        })),
+        searchValue: searchDebounce ? searchInput : search,
+        onSearchChange: handleSearchChange,
+        searchPlaceholder: "Buscar...",
+        persistKey: title ? title.toLowerCase().replace(/\s+/g, "-") : "datatable"
+      }
+    ),
+    /* @__PURE__ */ jsxs(Card, { className: `shadow-lg ${fillHeight ? "flex flex-col flex-1 min-h-0" : ""}`, children: [
+      (title || customActions || selectable && selectedItems.length > 0) && /* @__PURE__ */ jsx(CardHeader, { className: `py-2 px-4 ${fillHeight ? "shrink-0" : ""}`, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2 text-sm font-semibold", children: [
+          Icon && /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5" }),
+          title,
+          /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "bg-primary/10 text-primary border-primary/20 text-[11px]", children: total || data.length })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          customActions,
+          selectable && selectedItems.length > 0 && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "bg-blue-50 text-blue-700 border-blue-200 text-[11px]", children: [
+            selectedItems.length,
+            " selecionado",
+            selectedItems.length > 1 ? "s" : ""
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs(CardContent, { className: `p-0 overflow-hidden ${fillHeight ? "flex flex-col flex-1 min-h-0" : ""}`, children: [
+        /* @__PURE__ */ jsx("div", { className: `overflow-x-auto ${fillHeight ? "flex-1 min-h-0 overflow-y-auto" : ""}`, children: /* @__PURE__ */ jsx("div", { className: "w-full", style: tableBodyHeight ? { height: tableBodyHeight, overflowY: "auto" } : {}, children: /* @__PURE__ */ jsxs(Table2, { className: "w-full", children: [
+          /* @__PURE__ */ jsx(TableHeader, { className: "sticky top-0 z-10", children: /* @__PURE__ */ jsxs(TableRow, { className: "bg-muted/50", children: [
+            selectable && /* @__PURE__ */ jsx(TableHead, { className: "w-12", children: /* @__PURE__ */ jsx(Checkbox, { checked: data?.length > 0 && data.every((item) => selectedItems.includes(item.id)), onCheckedChange: toggleSelectAll }) }),
+            columns.map((column) => /* @__PURE__ */ jsx(
+              TableHead,
+              {
+                className: `${column.width} ${column.sortable && onSort ? "cursor-pointer hover:bg-muted/70 select-none" : ""}`,
+                onClick: () => column.sortable && onSort && onSort(String(column.key)),
+                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  column.label,
+                  column.sortable && onSort && sortBy === String(column.key) && /* @__PURE__ */ jsx("span", { className: "text-xs", children: sortOrder === "asc" ? "\u2191" : "\u2193" })
+                ] })
+              },
+              String(column.key)
+            )),
+            actions.length > 0 && /* @__PURE__ */ jsx(TableHead, { className: "w-16", children: "A\xE7\xF5es" })
+          ] }) }),
+          /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(AnimatePresence, { children: data?.map((item, index) => /* @__PURE__ */ jsxs(
+            motion.tr,
+            {
+              initial: { opacity: 0, y: 20 },
+              animate: { opacity: 1, y: 0 },
+              exit: { opacity: 0, y: -20 },
+              transition: { delay: index * 0.05 },
+              className: `hover:bg-muted/30 transition-colors ${onRowClick || renderDrawer ? "cursor-pointer" : ""}`,
+              onClick: () => handleRowClick(item),
+              children: [
+                selectable && /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Checkbox, { checked: selectedItems.includes(item.id), onCheckedChange: () => toggleSelectItem(item.id) }) }),
+                columns.map((column) => /* @__PURE__ */ jsx(TableCell, { onClick: column.key === "actions" ? (e) => e.stopPropagation() : void 0, children: column.render ? column.render(item, index) : String(item[column.key] || "") }, String(column.key))),
+                actions.length > 0 && /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions.filter((action) => !action.condition || action.condition(item)).map((action, actionIndex) => {
+                  const label = typeof action.label === "function" ? action.label(item) : action.label;
+                  const className = typeof action.className === "function" ? action.className(item) : action.className;
+                  return /* @__PURE__ */ jsx(Button, { variant: action.variant || "ghost", size: "sm", onClick: () => action.onClick(item), title: label, className, children: /* @__PURE__ */ jsx(action.icon, { className: "w-4 h-4" }) }, actionIndex);
+                }) }) })
+              ]
+            },
+            `${item.id}-${index}`
+          )) }) })
+        ] }) }) }),
+        (!data || data.length === 0) && /* @__PURE__ */ jsxs("div", { className: "text-center py-12", children: [
+          EmptyIcon && /* @__PURE__ */ jsx(EmptyIcon, { className: "w-10 h-10 text-muted-foreground mx-auto mb-3" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage })
+        ] })
+      ] }),
+      enablePagination && total > 0 && onPageChange && /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-2 px-4 py-2 border-t bg-muted/20", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            "Mostrando ",
+            (page - 1) * pageSize + 1,
+            "\u2013",
+            Math.min(page * pageSize, total),
+            " de ",
+            total
+          ] }),
+          onPageSizeChange && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { children: "Por p\xE1gina:" }),
+            /* @__PURE__ */ jsxs("select", { value: pageSize, onChange: (e) => onPageSizeChange(Number(e.target.value)), className: "px-1.5 py-0.5 border border-border rounded text-xs bg-background", children: [
+              /* @__PURE__ */ jsx("option", { value: 10, children: "10" }),
+              /* @__PURE__ */ jsx("option", { value: 25, children: "25" }),
+              /* @__PURE__ */ jsx("option", { value: 50, children: "50" }),
+              /* @__PURE__ */ jsx("option", { value: 100, children: "100" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => onPageChange(1), disabled: page === 1, className: "hidden sm:flex h-7 text-xs px-2", children: "Primeira" }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => onPageChange(page - 1), disabled: page === 1, className: "h-7 text-xs px-2", children: "\u2039 Anterior" }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: Array.from({ length: Math.min(5, Math.ceil(total / pageSize)) }, (_, i) => {
+            const totalPages = Math.ceil(total / pageSize);
+            let pageNum;
+            if (totalPages <= 5) pageNum = i + 1;
+            else if (page <= 3) pageNum = i + 1;
+            else if (page >= totalPages - 2) pageNum = totalPages - 4 + i;
+            else pageNum = page - 2 + i;
+            return /* @__PURE__ */ jsx(Button, { variant: page === pageNum ? "default" : "outline", size: "sm", onClick: () => onPageChange(pageNum), className: "w-7 h-7 p-0 text-xs", children: pageNum }, pageNum);
+          }) }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => onPageChange(page + 1), disabled: page >= Math.ceil(total / pageSize), className: "h-7 text-xs px-2", children: "Pr\xF3xima \u203A" }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => onPageChange(Math.ceil(total / pageSize)), disabled: page >= Math.ceil(total / pageSize), className: "hidden sm:flex h-7 text-xs px-2", children: "\xDAltima" })
+        ] })
+      ] })
+    ] }),
+    renderDrawer && drawerItem && renderDrawer(drawerItem, () => setDrawerItem(null))
+  ] });
+}
+var DataTable_default = DataTable;
+var Toast = ({ message, type, onClose, duration = 4e3, entity, action }) => {
+  const [isVisible, setIsVisible] = useState(false);
+  const [progress, setProgress] = useState(100);
+  const getAutoMessage = () => {
+    if (message) return message;
+    if (!entity || !action) return "Opera\xE7\xE3o realizada";
+    const messages = {
+      created: `${entity} criado com sucesso!`,
+      updated: `${entity} atualizado com sucesso!`,
+      deleted: `${entity} removido com sucesso!`,
+      error: `Erro ao processar ${entity.toLowerCase()}`
+    };
+    return messages[action] || "Opera\xE7\xE3o realizada";
+  };
+  useEffect(() => {
+    setIsVisible(true);
+    const progressInterval = setInterval(() => {
+      setProgress((prev) => Math.max(0, prev - 100 / (duration / 100)));
+    }, 100);
+    const timer = setTimeout(() => {
+      setIsVisible(false);
+      setTimeout(onClose, 300);
+    }, duration);
+    return () => {
+      clearTimeout(timer);
+      clearInterval(progressInterval);
+    };
+  }, [duration, onClose]);
+  const handleClose = () => {
+    setIsVisible(false);
+    setTimeout(onClose, 300);
+  };
+  const config = {
+    success: { bg: "bg-gradient-to-r from-emerald-500 to-green-600", icon: CheckCircle, shadow: "shadow-emerald-500/25" },
+    error: { bg: "bg-gradient-to-r from-red-500 to-rose-600", icon: AlertTriangle, shadow: "shadow-red-500/25" }
+  };
+  const { bg, icon: Icon, shadow } = config[type];
+  return createPortal(
+    /* @__PURE__ */ jsx("div", { className: "fixed top-24 right-6 z-[9999]", children: /* @__PURE__ */ jsxs("div", { className: `${bg} ${shadow} min-w-80 max-w-md p-4 rounded-2xl shadow-2xl backdrop-blur-sm transform transition-all duration-300 ease-out ${isVisible ? "translate-x-0 opacity-100 scale-100" : "translate-x-full opacity-0 scale-95"}`, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx("div", { className: "w-6 h-6 bg-white/20 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4 text-white" }) }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx("p", { className: "text-white font-medium text-sm leading-relaxed", children: getAutoMessage() }) }),
+        /* @__PURE__ */ jsx("button", { onClick: handleClose, className: "flex-shrink-0 text-white/70 hover:text-white transition-colors p-1 hover:bg-white/10 rounded-full", children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" }) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-3 h-1 bg-white/20 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "h-full bg-white/40 rounded-full transition-all duration-100 ease-linear", style: { width: `${progress}%` } }) })
+    ] }) }),
+    document.body
+  );
+};
+var Toast_default = Toast;
+function Dialog({ open, onOpenChange, children }) {
+  useEffect(() => {
+    if (open) {
+      const scrollY = window.scrollY;
+      document.body.style.position = "fixed";
+      document.body.style.top = `-${scrollY}px`;
+      document.body.style.width = "100%";
+      document.body.classList.add("modal-open");
+    } else {
+      const scrollY = document.body.style.top;
+      document.body.style.position = "";
+      document.body.style.top = "";
+      document.body.style.width = "";
+      document.body.classList.remove("modal-open");
+      if (scrollY) {
+        window.scrollTo(0, parseInt(scrollY || "0") * -1);
+      }
+    }
+    return () => {
+      document.body.style.position = "";
+      document.body.style.top = "";
+      document.body.style.width = "";
+      document.body.classList.remove("modal-open");
+    };
+  }, [open]);
+  if (!open) return null;
+  const handleBackdropClick = (e) => {
+    if (e.target === e.currentTarget) onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", onClick: handleBackdropClick, children: [
+    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black/60 backdrop-blur-sm transition-all duration-300" }),
+    /* @__PURE__ */ jsx("div", { className: "relative z-50 animate-in fade-in-0 zoom-in-95 duration-300", children })
+  ] });
+}
+var DialogContent = forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "bg-card/95 backdrop-blur-none border border-border/50 rounded-2xl shadow-2xl w-full p-0 max-h-[90vh] overflow-y-auto",
+        className
+      ),
+      onClick: (e) => e.stopPropagation(),
+      onWheel: (e) => e.stopPropagation(),
+      ...props,
+      children
+    }
+  )
+);
+DialogContent.displayName = "DialogContent";
+function DialogHeader({ className, children }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-1.5 p-6 pb-4 border-b border-border/30", className), children });
+}
+function DialogTitle({ className, children }) {
+  return /* @__PURE__ */ jsx("h2", { className: cn("text-xl font-semibold text-foreground leading-none tracking-tight", className), children });
+}
+function DialogDescription({ children }) {
+  return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children });
+}
+function DialogFooter({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 pt-4", children });
+}
+function DialogTrigger({ asChild, children, onClick }) {
+  if (asChild) {
+    const child = children;
+    return React3__default.cloneElement(child, {
+      onClick: (e) => {
+        if (child.props.onClick) child.props.onClick(e);
+        if (onClick) onClick();
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx("button", { onClick, children });
+}
+var Input = React3.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-[hsl(var(--input-bg))] px-3 py-2 text-xs text-foreground ring-offset-background file:border-0 file:bg-transparent file:text-xs file:font-medium placeholder:text-muted-foreground/50 focus-visible:outline-none focus-visible:border-primary/60 focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50 transition-colors duration-150",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var ConfirmDialog = ({
+  isOpen,
+  onClose,
+  onConfirm,
+  title,
+  message,
+  type = "warning",
+  confirmText,
+  cancelText = "Cancelar",
+  loading = false,
+  requireConfirmation = false,
+  confirmationText = "CONFIRMAR",
+  details = [],
+  impact
+}) => {
+  const [confirmationInput, setConfirmationInput] = useState("");
+  const [showDetails, setShowDetails] = useState(false);
+  const isConfirmationValid = !requireConfirmation || confirmationInput.toUpperCase() === confirmationText.toUpperCase();
+  const handleClose = () => {
+    setConfirmationInput("");
+    setShowDetails(false);
+    onClose();
+  };
+  const handleConfirm = () => {
+    if (isConfirmationValid) {
+      onConfirm();
+      setConfirmationInput("");
+    }
+  };
+  const getConfig = () => {
+    switch (type) {
+      case "delete":
+        return { icon: /* @__PURE__ */ jsx(Trash2, { className: "w-6 h-6 text-red-500" }), confirmText: confirmText || "Excluir", confirmVariant: "destructive", bgColor: "bg-gradient-to-br from-red-50 to-red-100 dark:from-red-950/30 dark:to-red-900/20", borderColor: "border-red-200 dark:border-red-800" };
+      case "danger":
+        return { icon: /* @__PURE__ */ jsx(Shield, { className: "w-6 h-6 text-red-600" }), confirmText: confirmText || "Executar", confirmVariant: "destructive", bgColor: "bg-gradient-to-br from-red-100 to-red-200 dark:from-red-950/50 dark:to-red-900/30", borderColor: "border-red-300 dark:border-red-700" };
+      case "edit":
+        return { icon: /* @__PURE__ */ jsx(Edit, { className: "w-6 h-6 text-blue-500" }), confirmText: confirmText || "Confirmar", confirmVariant: "default", bgColor: "bg-gradient-to-br from-blue-50 to-blue-100 dark:from-blue-950/30 dark:to-blue-900/20", borderColor: "border-blue-200 dark:border-blue-800" };
+      case "create":
+        return { icon: /* @__PURE__ */ jsx(Plus, { className: "w-6 h-6 text-green-500" }), confirmText: confirmText || "Criar", confirmVariant: "default", bgColor: "bg-gradient-to-br from-green-50 to-green-100 dark:from-green-950/30 dark:to-green-900/20", borderColor: "border-green-200 dark:border-green-800" };
+      default:
+        return { icon: /* @__PURE__ */ jsx(AlertTriangle, { className: "w-6 h-6 text-yellow-500" }), confirmText: confirmText || "Confirmar", confirmVariant: "default", bgColor: "bg-gradient-to-br from-yellow-50 to-yellow-100 dark:from-yellow-950/30 dark:to-yellow-900/20", borderColor: "border-yellow-200 dark:border-yellow-800" };
+    }
+  };
+  const config = getConfig();
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsx(DialogContent, { className: "max-w-md mx-auto p-0 overflow-hidden border-0 shadow-2xl", children: /* @__PURE__ */ jsxs(motion.div, { initial: { scale: 0.95, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.95, opacity: 0 }, transition: { duration: 0.2, ease: "easeOut" }, className: "relative", children: [
+    /* @__PURE__ */ jsxs("div", { className: `${config.bgColor} ${config.borderColor} px-6 py-8 text-center relative overflow-hidden`, children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-white/20 to-transparent" }),
+      /* @__PURE__ */ jsxs("div", { className: "relative z-10", children: [
+        /* @__PURE__ */ jsx(motion.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { delay: 0.1, type: "spring", stiffness: 200 }, className: "w-16 h-16 mx-auto mb-4 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center shadow-lg", children: /* @__PURE__ */ jsx("div", { className: "scale-150", children: config.icon }) }),
+        /* @__PURE__ */ jsx(motion.h2, { initial: { y: 10, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { delay: 0.2 }, className: "text-xl font-bold text-gray-900 dark:text-white mb-2 drop-shadow-sm", children: title })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "px-6 py-6 bg-white dark:bg-gray-900 space-y-4", children: [
+      /* @__PURE__ */ jsx(motion.div, { initial: { y: 10, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { delay: 0.3 }, className: "text-center text-gray-700 dark:text-gray-200 leading-relaxed font-medium", children: message.split("\n").map((line, index) => /* @__PURE__ */ jsx("p", { className: index > 0 ? "mt-2" : "", children: line }, index)) }),
+      impact && /* @__PURE__ */ jsx(motion.div, { initial: { y: 10, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { delay: 0.4 }, className: "bg-orange-50 dark:bg-orange-950/30 border border-orange-200 dark:border-orange-800 rounded-lg p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx(AlertTriangle, { className: "w-5 h-5 text-orange-500 mt-0.5 flex-shrink-0" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium text-orange-800 dark:text-orange-200 mb-1", children: "Impacto da Opera\xE7\xE3o:" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-orange-700 dark:text-orange-300", children: impact })
+        ] })
+      ] }) }),
+      details.length > 0 && /* @__PURE__ */ jsxs(motion.div, { initial: { y: 10, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { delay: 0.5 }, className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("button", { onClick: () => setShowDetails(!showDetails), className: "text-sm text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(Database, { className: "w-4 h-4" }),
+          showDetails ? "Ocultar detalhes" : "Ver detalhes"
+        ] }),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: showDetails && /* @__PURE__ */ jsx(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, className: "bg-gray-50 dark:bg-gray-800 rounded-lg p-3 overflow-hidden", children: /* @__PURE__ */ jsx("ul", { className: "text-sm text-gray-600 dark:text-gray-300 space-y-1", children: details.map((detail, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-gray-400 mt-1", children: "\u2022" }),
+          /* @__PURE__ */ jsx("span", { children: detail })
+        ] }, index)) }) }) })
+      ] }),
+      requireConfirmation && /* @__PURE__ */ jsx(motion.div, { initial: { y: 10, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { delay: 0.6 }, className: "space-y-3", children: /* @__PURE__ */ jsxs("div", { className: "bg-red-50 dark:bg-red-950/30 border border-red-200 dark:border-red-800 rounded-lg p-4", children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-red-800 dark:text-red-200 mb-2", children: [
+          "Para confirmar, digite: ",
+          /* @__PURE__ */ jsx("code", { className: "bg-red-100 dark:bg-red-900 px-2 py-1 rounded text-red-900 dark:text-red-100", children: confirmationText })
+        ] }),
+        /* @__PURE__ */ jsx(Input, { value: confirmationInput, onChange: (e) => setConfirmationInput(e.target.value), placeholder: `Digite "${confirmationText}" para confirmar`, className: `${!isConfirmationValid && confirmationInput ? "border-red-300 focus:border-red-500" : ""}`, disabled: loading })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(motion.div, { initial: { y: 20, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { delay: 0.4 }, className: "px-6 py-4 bg-gray-50 dark:bg-gray-800 flex gap-3 justify-center", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, disabled: loading, className: "min-w-24", children: cancelText }),
+      /* @__PURE__ */ jsx(Button, { variant: config.confirmVariant, onClick: handleConfirm, disabled: loading || !isConfirmationValid, className: `min-w-24 shadow-lg ${!isConfirmationValid ? "opacity-50 cursor-not-allowed" : ""}`, children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin mr-2" }),
+        "Processando..."
+      ] }) : config.confirmText })
+    ] }),
+    /* @__PURE__ */ jsx("button", { onClick: handleClose, disabled: loading, className: "absolute top-4 right-4 w-8 h-8 rounded-full bg-white/90 backdrop-blur-sm hover:bg-white transition-colors flex items-center justify-center shadow-md z-20 disabled:opacity-50 disabled:cursor-not-allowed", children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4 text-gray-800" }) })
+  ] }) }) }) });
+};
+var ConfirmDialog_default = ConfirmDialog;
+function CardView({
+  queryKey,
+  queryFn,
+  title,
+  subtitle,
+  icon: Icon,
+  hideHeader = false,
+  emptyMessage = "Nenhum registro encontrado",
+  emptyIcon: EmptyIcon,
+  renderCard,
+  onCardClick,
+  selectedItem: externalSelectedItem,
+  onSelectedItemChange,
+  stats,
+  filters,
+  filterFn,
+  activeFilters: externalActiveFilters,
+  onActiveFiltersChange,
+  searchPlaceholder = "Buscar...",
+  searchColumns = [],
+  persistKey,
+  enablePresets,
+  enableHistory,
+  enableUrlSync,
+  onNew,
+  newButtonLabel = "Novo",
+  onExport,
+  renderDrawer,
+  deleteFn,
+  deleteTitle = "Confirmar exclus\xE3o",
+  deleteMessage = () => "Tem certeza que deseja excluir este registro?",
+  renderAdvancedFilters
+}) {
+  const queryClient = useQueryClient();
+  const [internalSelectedItem, setInternalSelectedItem] = useState(null);
+  const selectedItem = externalSelectedItem !== void 0 ? externalSelectedItem : internalSelectedItem;
+  const setSelectedItem = onSelectedItemChange || setInternalSelectedItem;
+  const [searchTerm, setSearchTerm] = useState("");
+  const [internalActiveFilters, setInternalActiveFilters] = useState([]);
+  const activeFilters = externalActiveFilters !== void 0 ? externalActiveFilters : internalActiveFilters;
+  const setActiveFilters = onActiveFiltersChange || setInternalActiveFilters;
+  const [showFilters, setShowFilters] = useState(false);
+  const [deleteItemId, setDeleteItemId] = useState(null);
+  const [toastState, setToastState] = useState(null);
+  const { data: response, isLoading } = useQuery({ queryKey, queryFn });
+  const items = Array.isArray(response) ? response : response?.data || response?.assets || [];
+  const computedStats = typeof stats === "function" ? stats(items) : stats;
+  const computedFilters = typeof filters === "function" ? filters(items) : filters;
+  const deleteMutation = useMutation({
+    mutationFn: (id) => deleteFn(id),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey });
+      setToastState({ message: "Registro exclu\xEDdo com sucesso", type: "success" });
+      setSelectedItem(null);
+      setDeleteItemId(null);
+    },
+    onError: (error) => {
+      setToastState({ message: error.response?.data?.message || "N\xE3o foi poss\xEDvel excluir o registro", type: "error" });
+    }
+  });
+  const handleDelete = (id) => setDeleteItemId(id);
+  const confirmDelete = () => {
+    if (deleteItemId && deleteFn) deleteMutation.mutate(deleteItemId);
+  };
+  const filteredItems = items.filter((item) => {
+    const matchesSearch = searchColumns.length === 0 || searchColumns.some((col) => {
+      const value = item[col.key];
+      return value && String(value).toLowerCase().includes(searchTerm.toLowerCase());
+    });
+    const matchesFilter = !filterFn || activeFilters.length === 0 || activeFilters.some((filterValue) => filterFn(item, filterValue));
+    return matchesSearch && matchesFilter;
+  });
+  const DisplayIcon = EmptyIcon || Icon;
+  const colorMap = {
+    green: { bg: "bg-green-100", text: "text-green-800", border: "border-green-300", darkBg: "dark:bg-green-900/30", darkText: "dark:text-green-300", darkBorder: "dark:border-green-800" },
+    red: { bg: "bg-red-100", text: "text-red-800", border: "border-red-300", darkBg: "dark:bg-red-900/30", darkText: "dark:text-red-300", darkBorder: "dark:border-red-800" },
+    blue: { bg: "bg-blue-100", text: "text-blue-800", border: "border-blue-300", darkBg: "dark:bg-blue-900/30", darkText: "dark:text-blue-300", darkBorder: "dark:border-blue-800" },
+    cyan: { bg: "bg-cyan-100", text: "text-cyan-800", border: "border-cyan-300", darkBg: "dark:bg-cyan-900/30", darkText: "dark:text-cyan-300", darkBorder: "dark:border-cyan-800" },
+    orange: { bg: "bg-orange-100", text: "text-orange-800", border: "border-orange-300", darkBg: "dark:bg-orange-900/30", darkText: "dark:text-orange-300", darkBorder: "dark:border-orange-800" },
+    gray: { bg: "bg-slate-100", text: "text-slate-800", border: "border-slate-300", darkBg: "dark:bg-slate-900/30", darkText: "dark:text-slate-300", darkBorder: "dark:border-slate-800" },
+    purple: { bg: "bg-purple-100", text: "text-purple-800", border: "border-purple-300", darkBg: "dark:bg-purple-900/30", darkText: "dark:text-purple-300", darkBorder: "dark:border-purple-800" }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    !hideHeader && title && Icon && /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title,
+        subtitle,
+        icon: Icon,
+        actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+          onExport && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onExport, children: [
+            /* @__PURE__ */ jsx(Download, { className: "h-4 w-4 mr-2" }),
+            "Exportar"
+          ] }),
+          onNew && /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: onNew, children: [
+            /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+            newButtonLabel
+          ] })
+        ] })
+      }
+    ),
+    computedStats && computedStats.length > 0 && /* @__PURE__ */ jsx("div", { className: `grid grid-cols-2 md:grid-cols-3 lg:grid-cols-${Math.min(computedStats.length, 6)} gap-4`, children: computedStats.map((stat, idx) => /* @__PURE__ */ jsx(StatCard, { ...stat }, stat.label || idx)) }),
+    computedFilters && computedFilters.length > 0 && /* @__PURE__ */ jsx(
+      SmartFilterPanel_default,
+      {
+        filterGroups: [{
+          key: "status",
+          label: "Status",
+          renderType: "badges",
+          allLabel: "Todos",
+          options: computedFilters.map((f) => ({
+            value: f.value,
+            label: f.label,
+            emoji: f.emoji,
+            color: colorMap[f.color || "gray"] || colorMap.gray
+          })),
+          selectedValues: activeFilters,
+          onChange: setActiveFilters
+        }],
+        searchValue: searchTerm,
+        onSearchChange: setSearchTerm,
+        searchPlaceholder,
+        resultsCount: filteredItems.length,
+        persistKey,
+        enablePresets,
+        enableHistory,
+        enableUrlSync,
+        onClearAll: () => {
+          setSearchTerm("");
+          setActiveFilters([]);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { children: isLoading ? /* @__PURE__ */ jsxs("div", { className: "text-center py-12 text-muted-foreground", children: [
+      DisplayIcon && /* @__PURE__ */ jsx(DisplayIcon, { className: "w-16 h-16 mx-auto mb-4 opacity-30 animate-pulse" }),
+      /* @__PURE__ */ jsx("p", { children: "Carregando..." })
+    ] }) : filteredItems.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-12 text-muted-foreground", children: [
+      DisplayIcon && /* @__PURE__ */ jsx(DisplayIcon, { className: "w-16 h-16 mx-auto mb-4 opacity-30" }),
+      /* @__PURE__ */ jsx("p", { className: "font-medium", children: emptyMessage }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Tente ajustar os filtros ou adicione um novo registro" })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-4", children: filteredItems.map((item, index) => /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { opacity: 0, y: 20 },
+        animate: { opacity: 1, y: 0 },
+        transition: { delay: index * 0.05, duration: 0.3 },
+        onClick: () => {
+          onCardClick(item);
+          setSelectedItem(item);
+        },
+        className: "cursor-pointer",
+        children: renderCard(item, selectedItem?.id === item.id, deleteFn ? handleDelete : void 0)
+      },
+      `${item.id}-${index}`
+    )) }) }),
+    selectedItem && renderDrawer && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black/20 dark:bg-black/40 z-40", onClick: () => setSelectedItem(null) }),
+      renderDrawer(selectedItem, () => setSelectedItem(null), () => {
+      }, handleDelete)
+    ] }),
+    renderAdvancedFilters && renderAdvancedFilters(showFilters, setShowFilters),
+    deleteFn && /* @__PURE__ */ jsx(
+      ConfirmDialog_default,
+      {
+        isOpen: deleteItemId !== null,
+        onClose: () => setDeleteItemId(null),
+        onConfirm: confirmDelete,
+        type: "delete",
+        title: deleteTitle,
+        message: deleteItemId ? deleteMessage(items.find((i) => i.id === deleteItemId)) : "",
+        loading: deleteMutation.isPending
+      }
+    ),
+    toastState && /* @__PURE__ */ jsx(Toast_default, { message: toastState.message, type: toastState.type, onClose: () => setToastState(null) })
+  ] });
+}
+
+// src/theme/tokens.ts
+var defaultTheme = {
+  background: "210 20% 96%",
+  foreground: "240 10% 4%",
+  card: "0 0% 100%",
+  cardForeground: "240 10% 4%",
+  primary: "142 76% 36%",
+  primaryForeground: "0 0% 100%",
+  secondary: "240 5% 96%",
+  secondaryForeground: "240 10% 4%",
+  muted: "240 5% 96%",
+  mutedForeground: "240 4% 46%",
+  accent: "217 91% 60%",
+  accentForeground: "0 0% 100%",
+  destructive: "0 72% 51%",
+  destructiveForeground: "0 0% 100%",
+  border: "240 6% 90%",
+  input: "240 6% 90%",
+  inputBg: "0 0% 100%",
+  ring: "142 76% 36%",
+  radius: "0.75rem"
+};
+var defaultDarkTheme = {
+  background: "222 47% 8%",
+  foreground: "210 40% 98%",
+  card: "222 47% 15%",
+  cardForeground: "210 40% 98%",
+  primary: "161 94% 43%",
+  primaryForeground: "255 100% 100%",
+  secondary: "215 28% 21%",
+  secondaryForeground: "210 40% 98%",
+  muted: "215 28% 21%",
+  mutedForeground: "215 20% 65%",
+  accent: "161 94% 43%",
+  accentForeground: "255 100% 100%",
+  destructive: "0 84% 60%",
+  destructiveForeground: "210 40% 98%",
+  border: "215 28% 21%",
+  input: "215 28% 21%",
+  inputBg: "215 28% 17%",
+  ring: "161 94% 43%"
+};
+function applyTheme(tokens, selector) {
+  const map = {
+    background: "--background",
+    foreground: "--foreground",
+    card: "--card",
+    cardForeground: "--card-foreground",
+    primary: "--primary",
+    primaryForeground: "--primary-foreground",
+    secondary: "--secondary",
+    secondaryForeground: "--secondary-foreground",
+    muted: "--muted",
+    mutedForeground: "--muted-foreground",
+    accent: "--accent",
+    accentForeground: "--accent-foreground",
+    destructive: "--destructive",
+    destructiveForeground: "--destructive-foreground",
+    border: "--border",
+    input: "--input",
+    inputBg: "--input-bg",
+    ring: "--ring",
+    radius: "--radius"
+  };
+  const el = document.documentElement ;
+  if (!el) return;
+  Object.entries(tokens).forEach(([key, value]) => {
+    if (value !== void 0) el.style.setProperty(map[key], value);
+  });
+}
+function ThemeProvider({ children, theme, darkTheme }) {
+  useEffect(() => {
+    const light = { ...defaultTheme, ...theme };
+    applyTheme(light);
+  }, [theme]);
+  useEffect(() => {
+    const dark = { ...defaultDarkTheme, ...darkTheme };
+    const applyDark = () => {
+      if (document.documentElement.classList.contains("dark")) {
+        applyTheme(dark);
+      } else {
+        const light = { ...defaultTheme, ...theme };
+        applyTheme(light);
+      }
+    };
+    applyDark();
+    const observer = new MutationObserver(applyDark);
+    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
+    return () => observer.disconnect();
+  }, [theme, darkTheme]);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export { Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardView, Checkbox, ConfirmDialog_default as ConfirmDialog, DataTable_default as DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Input, PageHeader, PageLayout, STAT_ACCENT_SEQUENCE, SmartFilterPanel_default as SmartFilterPanel, StatCard, Table2 as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, ThemeProvider, Toast_default as Toast, badgeVariants, buttonVariants, cn, defaultDarkTheme, defaultTheme };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map