@etus/ui 0.4.0-beta.1 → 0.4.0-beta.3

package/dist/chunk-POZNQWZE.js

@@ -0,0 +1,995 @@
+import { Label } from './chunk-XPVKJIWY.js';
+import { Checkbox } from './chunk-XETKCF73.js';
+import { Button } from './chunk-RPV77BCQ.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { Loader2, AlertCircle, ArrowLeft, ArrowRight, Check, Settings2, Table2, Filter, Eye, Clock, Download, Printer, FileJson, FileSpreadsheet, FileText, Calendar } from 'lucide-react';
+import { useId, useState, useMemo, useCallback } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var reportGeneratorVariants = cva(
+  [
+    "relative",
+    "rounded-lg",
+    "border",
+    "border-border",
+    "bg-card",
+    "text-card-foreground"
+  ],
+  {
+    variants: {
+      size: {
+        default: "p-6",
+        sm: "p-4",
+        lg: "p-8"
+      },
+      layout: {
+        default: "",
+        compact: "max-w-2xl",
+        full: "w-full"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      layout: "default"
+    }
+  }
+);
+var stepIndicatorVariants = cva(
+  [
+    "flex",
+    "items-center",
+    "mb-6",
+    "pb-6",
+    "border-b",
+    "border-border"
+  ],
+  {
+    variants: {
+      size: {
+        default: "gap-4",
+        sm: "gap-3",
+        lg: "gap-6"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var stepItemVariants = cva(
+  [
+    "flex",
+    "items-center",
+    "gap-2",
+    "transition-colors",
+    "duration-200"
+  ],
+  {
+    variants: {
+      state: {
+        pending: "text-muted-foreground",
+        active: "text-primary",
+        complete: "text-success"
+      },
+      clickable: {
+        true: "cursor-pointer hover:text-primary",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      state: "pending",
+      clickable: false
+    }
+  }
+);
+var stepBadgeVariants = cva(
+  [
+    "flex",
+    "items-center",
+    "justify-center",
+    "rounded-full",
+    "font-medium",
+    "transition-colors",
+    "duration-200"
+  ],
+  {
+    variants: {
+      state: {
+        pending: "bg-muted text-muted-foreground",
+        active: "bg-primary text-primary-foreground",
+        complete: "bg-success text-success-foreground"
+      },
+      size: {
+        default: "h-8 w-8 text-sm",
+        sm: "h-6 w-6 text-xs",
+        lg: "h-10 w-10 text-base"
+      }
+    },
+    defaultVariants: {
+      state: "pending",
+      size: "default"
+    }
+  }
+);
+var templateGridVariants = cva(
+  [
+    "grid",
+    "gap-4"
+  ],
+  {
+    variants: {
+      columns: {
+        1: "grid-cols-1",
+        2: "grid-cols-1 sm:grid-cols-2",
+        3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+        4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
+      }
+    },
+    defaultVariants: {
+      columns: 3
+    }
+  }
+);
+var templateCardVariants = cva(
+  [
+    "rounded-lg",
+    "border",
+    "border-border",
+    "bg-background",
+    "p-4",
+    "cursor-pointer",
+    "transition-all",
+    "duration-200"
+  ],
+  {
+    variants: {
+      state: {
+        default: "hover:border-primary/50 hover:shadow-sm",
+        selected: "border-primary ring-2 ring-primary/20"
+      }
+    },
+    defaultVariants: {
+      state: "default"
+    }
+  }
+);
+var configSectionVariants = cva(
+  [
+    "space-y-4"
+  ],
+  {
+    variants: {
+      size: {
+        default: "mb-6",
+        sm: "mb-4",
+        lg: "mb-8"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var previewContainerVariants = cva(
+  [
+    "rounded-lg",
+    "border",
+    "border-border",
+    "bg-muted/30",
+    "overflow-hidden"
+  ],
+  {
+    variants: {
+      size: {
+        default: "min-h-96",
+        sm: "min-h-72",
+        lg: "min-h-[var(--report-generator-root-min-height-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var previewHeaderVariants = cva(
+  [
+    "flex",
+    "items-center",
+    "justify-between",
+    "border-b",
+    "border-border",
+    "bg-card"
+  ],
+  {
+    variants: {
+      size: {
+        default: "px-4 py-3",
+        sm: "px-3 py-2",
+        lg: "px-6 py-4"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var previewContentVariants = cva(
+  [
+    "overflow-auto"
+  ],
+  {
+    variants: {
+      size: {
+        default: "p-4 max-h-96",
+        sm: "p-3 max-h-72",
+        lg: "p-6 max-h-[var(--report-generator-output-max-height-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var exportButtonGroupVariants = cva(
+  [
+    "flex",
+    "flex-wrap",
+    "gap-2"
+  ],
+  {
+    variants: {
+      align: {
+        start: "justify-start",
+        center: "justify-center",
+        end: "justify-end"
+      }
+    },
+    defaultVariants: {
+      align: "end"
+    }
+  }
+);
+var formActionsVariants = cva(
+  [
+    "flex",
+    "items-center",
+    "gap-3",
+    "pt-6",
+    "border-t",
+    "border-border"
+  ],
+  {
+    variants: {
+      align: {
+        start: "justify-start",
+        between: "justify-between",
+        end: "justify-end"
+      }
+    },
+    defaultVariants: {
+      align: "between"
+    }
+  }
+);
+var loadingStateVariants = cva(
+  [
+    "flex",
+    "flex-col",
+    "items-center",
+    "justify-center",
+    "text-center"
+  ],
+  {
+    variants: {
+      size: {
+        default: "py-16 gap-4",
+        sm: "py-12 gap-3",
+        lg: "py-20 gap-6"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var errorStateVariants = cva(
+  [
+    "flex",
+    "flex-col",
+    "items-center",
+    "justify-center",
+    "text-center",
+    "text-destructive"
+  ],
+  {
+    variants: {
+      size: {
+        default: "py-16 gap-4",
+        sm: "py-12 gap-3",
+        lg: "py-20 gap-6"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var STEPS = [
+  { label: "Selecionar Template", description: "Escolha o tipo de relat\xF3rio" },
+  { label: "Configurar", description: "Defina filtros e colunas" },
+  { label: "Visualizar", description: "Pr\xE9via do relat\xF3rio" },
+  { label: "Exportar", description: "Baixe o relat\xF3rio" }
+];
+var EXPORT_FORMAT_INFO = {
+  pdf: { label: "PDF", icon: FileText },
+  xlsx: { label: "Excel", icon: FileSpreadsheet },
+  csv: { label: "CSV", icon: Table2 },
+  json: { label: "JSON", icon: FileJson },
+  print: { label: "Imprimir", icon: Printer }
+};
+function StepIndicator({
+  currentStep,
+  completedSteps,
+  onStepClick
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": "Etapas do gerador de relat\xF3rios",
+      className: stepIndicatorVariants(),
+      role: "navigation",
+      children: STEPS.map((step, index) => {
+        const isComplete = completedSteps.includes(index);
+        const isActive = index === currentStep;
+        const isClickable = onStepClick && (isComplete || index < currentStep);
+        const handleClick = () => {
+          if (isClickable) {
+            onStepClick(index);
+          }
+        };
+        const handleKeyDown = (e) => {
+          if (isClickable && (e.key === "Enter" || e.key === " ")) {
+            e.preventDefault();
+            onStepClick(index);
+          }
+        };
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              stepItemVariants({
+                state: isComplete ? "complete" : isActive ? "active" : "pending",
+                clickable: isClickable
+              }),
+              index > 0 && "flex-1"
+            ),
+            "aria-current": isActive ? "step" : void 0,
+            role: isClickable ? "button" : void 0,
+            tabIndex: isClickable ? 0 : void 0,
+            onClick: handleClick,
+            onKeyDown: handleKeyDown,
+            children: [
+              index > 0 && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "h-px flex-1 mr-2",
+                    isComplete || isActive ? "bg-primary" : "bg-border"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: stepBadgeVariants({
+                    state: isComplete ? "complete" : isActive ? "active" : "pending"
+                  }),
+                  children: isComplete ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) : index + 1
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "hidden sm:block", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: step.label }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: step.description })
+              ] })
+            ]
+          },
+          step.label
+        );
+      })
+    }
+  );
+}
+function TemplateSelector({
+  templates,
+  selectedTemplate,
+  onSelect
+}) {
+  const groupedTemplates = useMemo(() => {
+    const groups = {};
+    for (const template of templates) {
+      const category = template.category;
+      groups[category] ??= [];
+      groups[category].push(template);
+    }
+    return groups;
+  }, [templates]);
+  const handleTemplateClick = (templateId) => {
+    onSelect(templateId);
+  };
+  const handleKeyDown = (e, templateId) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      onSelect(templateId);
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { "aria-label": "Templates dispon\xEDveis", className: "space-y-6", role: "listbox", children: Object.entries(groupedTemplates).map(([category, categoryTemplates]) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: category }),
+    /* @__PURE__ */ jsx("div", { className: templateGridVariants(), children: categoryTemplates.map((template) => {
+      const isSelected = selectedTemplate === template.id;
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: templateCardVariants({
+            state: isSelected ? "selected" : "default"
+          }),
+          "aria-selected": isSelected,
+          role: "option",
+          tabIndex: 0,
+          onClick: () => {
+            handleTemplateClick(template.id);
+          },
+          onKeyDown: (e) => {
+            handleKeyDown(e, template.id);
+          },
+          children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+            template.icon && /* @__PURE__ */ jsx("div", { className: "shrink-0 text-primary", children: template.icon }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx("div", { className: "font-medium", children: template.name }),
+              /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground line-clamp-2", children: template.description }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-2 text-xs text-muted-foreground", children: [
+                template.columns.length,
+                " colunas"
+              ] })
+            ] }),
+            isSelected && /* @__PURE__ */ jsx(Check, { className: "h-5 w-5 text-primary shrink-0" })
+          ] })
+        },
+        template.id
+      );
+    }) })
+  ] }, category)) });
+}
+function ConfigurationForm({
+  template,
+  config,
+  onChange,
+  showSchedule
+}) {
+  const formId = useId();
+  const handleColumnToggle = (columnId, checked) => {
+    const currentColumns = config.columns ?? template.columns.map((c) => c.id);
+    const newColumns = checked ? [...currentColumns, columnId] : currentColumns.filter((id) => id !== columnId);
+    onChange({ ...config, columns: newColumns });
+  };
+  const handleTitleChange = (e) => {
+    onChange({ ...config, title: e.target.value });
+  };
+  const handleIncludeChartsChange = (checked) => {
+    onChange({ ...config, includeCharts: checked });
+  };
+  const handleIncludeSummaryChange = (checked) => {
+    onChange({ ...config, includeSummary: checked });
+  };
+  const selectedColumns = config.columns ?? template.columns.map((c) => c.id);
+  return /* @__PURE__ */ jsxs("div", { "aria-describedby": `${formId}-desc`, className: "space-y-6", role: "form", children: [
+    /* @__PURE__ */ jsx("p", { className: "sr-only", id: `${formId}-desc`, children: "Configure o relat\xF3rio selecionando colunas e op\xE7\xF5es" }),
+    /* @__PURE__ */ jsxs("div", { className: configSectionVariants(), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+        /* @__PURE__ */ jsx(Settings2, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Configura\xE7\xF5es Gerais" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: `${formId}-title`, children: "T\xEDtulo do Relat\xF3rio" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "mt-1.5 w-full px-3 py-2 rounded-md border border-input bg-background text-sm focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+            id: `${formId}-title`,
+            placeholder: template.name,
+            type: "text",
+            value: config.title ?? "",
+            onChange: handleTitleChange
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: configSectionVariants(), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+        /* @__PURE__ */ jsx(Table2, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Colunas" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-3", children: template.columns.map((column) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: selectedColumns.includes(column.id),
+            id: `${formId}-col-${column.id}`,
+            onCheckedChange: (checked) => {
+              handleColumnToggle(column.id, checked === true);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Label,
+          {
+            className: "text-sm font-normal cursor-pointer",
+            htmlFor: `${formId}-col-${column.id}`,
+            children: column.label
+          }
+        )
+      ] }, column.id)) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: configSectionVariants(), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+        /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Filtros" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: template.defaultFilters && template.defaultFilters.length > 0 ? `${String(template.defaultFilters.length)} filtro(s) configurado(s)` : "Nenhum filtro configurado" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: configSectionVariants(), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+        /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Op\xE7\xF5es" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        template.charts && template.charts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: config.includeCharts ?? true,
+              id: `${formId}-charts`,
+              onCheckedChange: handleIncludeChartsChange
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Label,
+            {
+              className: "text-sm font-normal cursor-pointer",
+              htmlFor: `${formId}-charts`,
+              children: "Incluir gr\xE1ficos"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: config.includeSummary ?? true,
+              id: `${formId}-summary`,
+              onCheckedChange: handleIncludeSummaryChange
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Label,
+            {
+              className: "text-sm font-normal cursor-pointer",
+              htmlFor: `${formId}-summary`,
+              children: "Incluir resumo estat\xEDstico"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    showSchedule && /* @__PURE__ */ jsxs("div", { className: configSectionVariants(), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+        /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Agendamento" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Configure o agendamento ap\xF3s gerar o relat\xF3rio" })
+    ] })
+  ] });
+}
+function PreviewPanel({
+  data,
+  columns,
+  config,
+  branding
+}) {
+  const selectedColumns = columns.filter((c) => config.columns.includes(c.id));
+  const formatValue = (value, column) => {
+    if (value === null || value === void 0) return "-";
+    switch (column.type) {
+      case "currency":
+        return new Intl.NumberFormat("pt-BR", {
+          style: "currency",
+          currency: "BRL"
+        }).format(Number(value));
+      case "date":
+        return new Intl.DateTimeFormat("pt-BR").format(
+          new Date(typeof value === "string" || typeof value === "number" ? value : 0)
+        );
+      case "number":
+        return new Intl.NumberFormat("pt-BR").format(Number(value));
+      case "boolean":
+        return value === true ? "Sim" : "N\xE3o";
+      default:
+        return typeof value === "object" ? JSON.stringify(value) : String(value);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: previewContainerVariants(), children: [
+    /* @__PURE__ */ jsxs("div", { className: previewHeaderVariants(), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        branding?.logo && /* @__PURE__ */ jsx(
+          "img",
+          {
+            alt: branding.companyName ?? "Logo",
+            className: "h-8 w-auto",
+            src: branding.logo
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "font-semibold", children: config.title || "Relat\xF3rio" }),
+          config.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: config.description })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+        data.length,
+        " registro(s)"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: previewContentVariants(), children: [
+      /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "border-b border-border", children: selectedColumns.map((column) => /* @__PURE__ */ jsx(
+          "th",
+          {
+            className: "px-3 py-2 text-left font-medium text-muted-foreground",
+            children: column.label
+          },
+          column.id
+        )) }) }),
+        /* @__PURE__ */ jsx("tbody", { children: data.slice(0, 10).map((row, rowIndex) => {
+          const rowKey = `row-${String(rowIndex)}-${JSON.stringify(Object.values(row).slice(0, 2))}`;
+          return /* @__PURE__ */ jsx("tr", { className: "border-b border-border/50", children: selectedColumns.map((column) => /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: formatValue(
+            row[column.field],
+            column
+          ) }, column.id)) }, rowKey);
+        }) })
+      ] }),
+      data.length > 10 && /* @__PURE__ */ jsxs("div", { className: "mt-4 text-center text-sm text-muted-foreground", children: [
+        "Mostrando 10 de ",
+        data.length,
+        " registros"
+      ] })
+    ] })
+  ] });
+}
+function ExportPanel({
+  exportFormats,
+  onExport,
+  isExporting,
+  showSchedule,
+  onSchedule
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: configSectionVariants(), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+        /* @__PURE__ */ jsx(Download, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Formato de Exporta\xE7\xE3o" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: exportButtonGroupVariants({ align: "start" }), children: exportFormats.map((format) => {
+        const info = EXPORT_FORMAT_INFO[format];
+        const Icon = info.icon;
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            disabled: isExporting,
+            size: "lg",
+            variant: "outline",
+            onClick: () => {
+              onExport(format);
+            },
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 mr-2" }),
+              info.label
+            ]
+          },
+          format
+        );
+      }) })
+    ] }),
+    showSchedule && onSchedule && /* @__PURE__ */ jsxs("div", { className: configSectionVariants(), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+        /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Agendar Relat\xF3rio" })
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: onSchedule, children: [
+        /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4 mr-2" }),
+        "Configurar Agendamento"
+      ] })
+    ] })
+  ] });
+}
+function ReportGenerator({
+  templates,
+  dataSource,
+  defaultTemplate,
+  exportFormats = ["pdf", "xlsx", "csv"],
+  showPreview = true,
+  showSchedule = false,
+  maxRows = 1e4,
+  branding,
+  className,
+  onGenerate,
+  onReportExport,
+  onSchedule,
+  onReportError,
+  onConfigChange,
+  size,
+  layout
+}) {
+  const componentId = useId();
+  const [currentStep, setCurrentStep] = useState(0);
+  const [completedSteps, setCompletedSteps] = useState([]);
+  const [generatorState, setGeneratorState] = useState("idle");
+  const [selectedTemplateId, setSelectedTemplateId] = useState(
+    defaultTemplate
+  );
+  const [config, setConfig] = useState({});
+  const [previewData, setPreviewData] = useState([]);
+  const [error, setError] = useState(null);
+  const selectedTemplate = useMemo(
+    () => templates.find((t) => t.id === selectedTemplateId),
+    [templates, selectedTemplateId]
+  );
+  const effectiveSteps = useMemo(() => {
+    if (!showPreview) {
+      return STEPS.filter((_, index) => index !== 2);
+    }
+    return STEPS;
+  }, [showPreview]);
+  const isGenerating = generatorState === "generating";
+  const isExporting = generatorState === "exporting";
+  const handleTemplateSelect = useCallback(
+    (templateId) => {
+      setSelectedTemplateId(templateId);
+      const template = templates.find((t) => t.id === templateId);
+      if (template) {
+        const initialConfig = {
+          templateId,
+          title: template.name,
+          columns: template.columns.map((c) => c.id),
+          filters: template.defaultFilters ?? [],
+          includeCharts: true,
+          includeSummary: true
+        };
+        setConfig(initialConfig);
+        onConfigChange?.({ config: initialConfig });
+      }
+    },
+    [templates, onConfigChange]
+  );
+  const handleConfigChange = useCallback(
+    (newConfig) => {
+      setConfig(newConfig);
+      onConfigChange?.({ config: newConfig });
+    },
+    [onConfigChange]
+  );
+  const handleNext = useCallback(() => {
+    if (!completedSteps.includes(currentStep)) {
+      setCompletedSteps((prev) => [...prev, currentStep]);
+    }
+    if (currentStep === 0 && !selectedTemplateId) {
+      return;
+    }
+    if (currentStep === 1 && showPreview) {
+      setGeneratorState("generating");
+      try {
+        onGenerate?.({ config });
+        let data = [];
+        if (dataSource.type === "static" && dataSource.data) {
+          data = dataSource.data.slice(0, maxRows);
+        } else {
+          data = [];
+        }
+        setPreviewData(data);
+        setGeneratorState("preview");
+      } catch (err) {
+        const errorObj = err instanceof Error ? err : new Error(String(err));
+        setError(errorObj);
+        setGeneratorState("error");
+        onReportError?.({ error: errorObj });
+        return;
+      }
+    }
+    setCurrentStep((prev) => Math.min(prev + 1, effectiveSteps.length - 1));
+  }, [
+    currentStep,
+    completedSteps,
+    selectedTemplateId,
+    showPreview,
+    config,
+    dataSource,
+    maxRows,
+    effectiveSteps.length,
+    onGenerate,
+    onReportError
+  ]);
+  const handleBack = useCallback(() => {
+    setCurrentStep((prev) => Math.max(prev - 1, 0));
+    if (generatorState === "error") {
+      setGeneratorState("idle");
+      setError(null);
+    }
+  }, [generatorState]);
+  const handleStepClick = useCallback(
+    (step) => {
+      if (step < currentStep || completedSteps.includes(step)) {
+        setCurrentStep(step);
+      }
+    },
+    [currentStep, completedSteps]
+  );
+  const handleExport = useCallback(
+    (format) => {
+      setGeneratorState("exporting");
+      try {
+        const content = JSON.stringify({
+          config,
+          data: previewData,
+          format,
+          generatedAt: (/* @__PURE__ */ new Date()).toISOString()
+        });
+        const blob = new Blob([content], { type: "application/json" });
+        onReportExport?.({ format, data: blob });
+        setGeneratorState("idle");
+      } catch (err) {
+        const errorObj = err instanceof Error ? err : new Error(String(err));
+        setError(errorObj);
+        setGeneratorState("error");
+        onReportError?.({ error: errorObj });
+      }
+    },
+    [config, previewData, onReportExport, onReportError]
+  );
+  const handleSchedule = useCallback(() => {
+    const schedule = {
+      frequency: "weekly",
+      time: "09:00",
+      recipients: [],
+      format: "pdf"
+    };
+    onSchedule?.({ schedule });
+  }, [onSchedule]);
+  const canProceed = useMemo(() => {
+    switch (currentStep) {
+      case 0:
+        return !!selectedTemplateId;
+      case 1:
+        return config.columns && config.columns.length > 0 && !!config.title?.trim();
+      default:
+        return true;
+    }
+  }, [currentStep, selectedTemplateId, config]);
+  if (isGenerating) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-busy": "true",
+        "aria-describedby": `${componentId}-loading`,
+        className: cn(reportGeneratorVariants({ size, layout }), className),
+        role: "status",
+        children: /* @__PURE__ */ jsxs("div", { className: loadingStateVariants(), children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin text-primary" }),
+          /* @__PURE__ */ jsxs("div", { id: `${componentId}-loading`, children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Gerando relat\xF3rio..." }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Por favor, aguarde" })
+          ] })
+        ] })
+      }
+    );
+  }
+  if (generatorState === "error" && error) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-describedby": `${componentId}-error`,
+        className: cn(reportGeneratorVariants({ size, layout }), className),
+        role: "alert",
+        children: /* @__PURE__ */ jsxs("div", { className: errorStateVariants(), children: [
+          /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8" }),
+          /* @__PURE__ */ jsxs("div", { id: `${componentId}-error`, children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Erro ao gerar relat\xF3rio" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm", children: error.message })
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: handleBack, children: [
+            /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4 mr-2" }),
+            "Voltar"
+          ] })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-describedby": `${componentId}-desc`,
+      "aria-label": "Gerador de Relat\xF3rios",
+      className: cn(reportGeneratorVariants({ size, layout }), className),
+      "data-slot": "report-generator",
+      role: "form",
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "sr-only", id: `${componentId}-desc`, children: "Use este assistente para criar e exportar relat\xF3rios personalizados" }),
+        /* @__PURE__ */ jsx(
+          StepIndicator,
+          {
+            completedSteps,
+            currentStep,
+            onStepClick: handleStepClick
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { "aria-live": "polite", className: "min-h-72", children: [
+          currentStep === 0 && /* @__PURE__ */ jsx(
+            TemplateSelector,
+            {
+              selectedTemplate: selectedTemplateId,
+              templates,
+              onSelect: handleTemplateSelect
+            }
+          ),
+          currentStep === 1 && selectedTemplate && /* @__PURE__ */ jsx(
+            ConfigurationForm,
+            {
+              config,
+              showSchedule,
+              template: selectedTemplate,
+              onChange: handleConfigChange
+            }
+          ),
+          currentStep === 2 && showPreview && selectedTemplate && /* @__PURE__ */ jsx(
+            PreviewPanel,
+            {
+              branding,
+              columns: selectedTemplate.columns,
+              config,
+              data: previewData
+            }
+          ),
+          (currentStep === 3 && showPreview || currentStep === 2 && !showPreview) && /* @__PURE__ */ jsx(
+            ExportPanel,
+            {
+              exportFormats,
+              isExporting,
+              showSchedule,
+              onExport: handleExport,
+              onSchedule: showSchedule ? handleSchedule : void 0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: formActionsVariants(), children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              disabled: currentStep === 0,
+              variant: "outline",
+              onClick: handleBack,
+              children: [
+                /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4 mr-2" }),
+                "Voltar"
+              ]
+            }
+          ),
+          currentStep < effectiveSteps.length - 1 ? /* @__PURE__ */ jsxs(Button, { disabled: !canProceed, onClick: handleNext, children: [
+            "Pr\xF3ximo",
+            /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4 ml-2" })
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+export { ReportGenerator, configSectionVariants, errorStateVariants, exportButtonGroupVariants, formActionsVariants, loadingStateVariants, previewContainerVariants, previewContentVariants, previewHeaderVariants, reportGeneratorVariants, stepBadgeVariants, stepIndicatorVariants, stepItemVariants, templateCardVariants, templateGridVariants };
+//# sourceMappingURL=chunk-POZNQWZE.js.map
+//# sourceMappingURL=chunk-POZNQWZE.js.map