@etus/ui 0.4.0-beta.2 → 0.4.0-beta.4

package/dist/chunk-Y7UFBSAD.js

@@ -0,0 +1,515 @@
+import { Button } from './chunk-ONQCNOLU.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { RefreshCw, X, LayoutGrid, Loader2 } from 'lucide-react';
+import { useId, useRef, useCallback, useEffect } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var dashboardVariants = cva(
+  [
+    "relative",
+    "bg-background",
+    "text-foreground"
+  ],
+  {
+    variants: {
+      layout: {
+        default: "p-6",
+        dense: "p-4",
+        full: "p-0 min-h-screen",
+        sidebar: "flex"
+      }
+    },
+    defaultVariants: {
+      layout: "default"
+    }
+  }
+);
+var dashboardHeaderVariants = cva(
+  [
+    "flex",
+    "items-start",
+    "justify-between",
+    "gap-4",
+    "mb-6"
+  ],
+  {
+    variants: {
+      layout: {
+        default: "",
+        dense: "mb-4",
+        full: "px-6 pt-6",
+        sidebar: ""
+      }
+    },
+    defaultVariants: {
+      layout: "default"
+    }
+  }
+);
+var dashboardGridVariants = cva(
+  [
+    "grid",
+    "w-full"
+  ],
+  {
+    variants: {
+      layout: {
+        default: "gap-6",
+        dense: "gap-4",
+        full: "gap-6 px-6 pb-6",
+        sidebar: "gap-6"
+      }
+    },
+    defaultVariants: {
+      layout: "default"
+    }
+  }
+);
+var dashboardSidebarVariants = cva(
+  [
+    "shrink-0",
+    "border-r",
+    "border-border",
+    "bg-card"
+  ],
+  {
+    variants: {
+      width: {
+        sm: "w-48",
+        md: "w-64",
+        lg: "w-80"
+      }
+    },
+    defaultVariants: {
+      width: "md"
+    }
+  }
+);
+var dashboardContentVariants = cva(
+  [
+    "flex-1",
+    "min-w-0"
+  ],
+  {
+    variants: {
+      layout: {
+        default: "",
+        dense: "",
+        full: "",
+        sidebar: "p-6"
+      }
+    },
+    defaultVariants: {
+      layout: "default"
+    }
+  }
+);
+var dashboardWidgetVariants = cva(
+  [
+    "rounded-lg",
+    "border",
+    "border-border",
+    "bg-card",
+    "overflow-hidden",
+    "transition-shadow",
+    "duration-200"
+  ],
+  {
+    variants: {
+      layout: {
+        default: "p-6",
+        dense: "p-4",
+        full: "p-6",
+        sidebar: "p-6"
+      },
+      state: {
+        default: "",
+        dragging: "shadow-lg ring-2 ring-primary/20",
+        resizing: "shadow-md"
+      },
+      interactive: {
+        true: "cursor-pointer hover:shadow-md",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      layout: "default",
+      state: "default",
+      interactive: false
+    }
+  }
+);
+var dashboardWidgetHeaderVariants = cva(
+  [
+    "flex",
+    "items-start",
+    "justify-between",
+    "gap-2",
+    "mb-4"
+  ],
+  {
+    variants: {
+      layout: {
+        default: "",
+        dense: "mb-3",
+        full: "",
+        sidebar: ""
+      }
+    },
+    defaultVariants: {
+      layout: "default"
+    }
+  }
+);
+var dashboardEmptyVariants = cva(
+  [
+    "flex",
+    "flex-col",
+    "items-center",
+    "justify-center",
+    "text-center",
+    "py-16"
+  ],
+  {
+    variants: {
+      layout: {
+        default: "",
+        dense: "py-12",
+        full: "min-h-[50vh]",
+        sidebar: ""
+      }
+    },
+    defaultVariants: {
+      layout: "default"
+    }
+  }
+);
+var dashboardLoadingVariants = cva(
+  [
+    "flex",
+    "items-center",
+    "justify-center",
+    "py-16"
+  ],
+  {
+    variants: {
+      layout: {
+        default: "",
+        dense: "py-12",
+        full: "min-h-[50vh]",
+        sidebar: ""
+      }
+    },
+    defaultVariants: {
+      layout: "default"
+    }
+  }
+);
+function getWidgetIcon(_type) {
+  return /* @__PURE__ */ jsx(LayoutGrid, { className: "h-4 w-4 text-muted-foreground" });
+}
+function DashboardHeader({
+  title,
+  description,
+  showRefresh = true,
+  onRefresh,
+  actions
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: dashboardHeaderVariants(), "data-slot": "dashboard-header", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      title && /* @__PURE__ */ jsx(
+        "h1",
+        {
+          className: "text-2xl font-bold tracking-tight",
+          "data-slot": "dashboard-title",
+          children: title
+        }
+      ),
+      description && /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "text-sm text-muted-foreground",
+          "data-slot": "dashboard-description",
+          children: description
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", "data-slot": "dashboard-actions", children: [
+      showRefresh && onRefresh && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          "aria-label": "Refresh dashboard",
+          size: "sm",
+          variant: "outline",
+          onClick: onRefresh,
+          children: [
+            /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4 mr-2" }),
+            "Atualizar"
+          ]
+        }
+      ),
+      actions
+    ] })
+  ] });
+}
+function DashboardWidget({
+  widget,
+  columns = 12,
+  rowHeight = 100,
+  isDraggable = false,
+  isResizable = false,
+  onClick,
+  onRemove,
+  className,
+  ...props
+}) {
+  const widgetId = useId();
+  const gridStyle = {
+    gridColumn: `span ${String(Math.min(widget.w, columns))}`,
+    minHeight: `${String(widget.h * rowHeight)}px`
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      onClick?.();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        dashboardWidgetVariants({
+          interactive: Boolean(onClick)
+        }),
+        className
+      ),
+      "aria-label": widget.title,
+      "data-draggable": isDraggable || void 0,
+      "data-resizable": isResizable || void 0,
+      "data-slot": "dashboard-widget",
+      "data-widget-id": widget.id,
+      "data-widget-type": widget.type,
+      id: widgetId,
+      role: onClick ? "button" : "region",
+      style: gridStyle,
+      tabIndex: onClick ? 0 : void 0,
+      onClick,
+      onKeyDown: onClick ? handleKeyDown : void 0,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: dashboardWidgetHeaderVariants(), "data-slot": "dashboard-widget-header", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+            getWidgetIcon(widget.type),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold truncate", children: widget.title }),
+              widget.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground truncate", children: widget.description })
+            ] })
+          ] }),
+          onRemove && /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": `Remove ${widget.title}`,
+              className: "shrink-0",
+              size: "icon",
+              variant: "ghost",
+              onClick: (e) => {
+                e.stopPropagation();
+                onRemove();
+              },
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1", "data-slot": "dashboard-widget-content", children: [
+          widget.type === "kpi" && widget.data !== null && widget.data !== void 0 && typeof widget.data === "object" && "value" in widget.data && (typeof widget.data["value"] === "string" || typeof widget.data["value"] === "number") && /* @__PURE__ */ jsx("div", { className: "text-3xl font-bold", children: String(widget.data["value"]) }),
+          widget.type === "text" && widget.data !== null && widget.data !== void 0 && typeof widget.data === "string" && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: widget.data })
+        ] })
+      ]
+    }
+  );
+}
+function DashboardEmptyState({ layout }) {
+  return /* @__PURE__ */ jsxs("div", { className: dashboardEmptyVariants({ layout }), "data-slot": "dashboard-empty", children: [
+    /* @__PURE__ */ jsx(LayoutGrid, { className: "h-12 w-12 text-muted-foreground mb-4" }),
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Nenhum widget configurado" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground max-w-md", children: "Adicione widgets para visualizar dados e m\xE9tricas neste dashboard." })
+  ] });
+}
+function DashboardLoadingState({ layout }) {
+  return /* @__PURE__ */ jsx("div", { className: dashboardLoadingVariants({ layout }), "data-slot": "dashboard-loading", children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin text-muted-foreground" }) });
+}
+function DashboardErrorState({ layout }) {
+  return /* @__PURE__ */ jsxs("div", { className: dashboardEmptyVariants({ layout }), "data-slot": "dashboard-error", children: [
+    /* @__PURE__ */ jsx("div", { className: "rounded-full bg-destructive/10 p-3 mb-4", children: /* @__PURE__ */ jsx(X, { className: "h-8 w-8 text-destructive" }) }),
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Erro ao carregar dashboard" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground max-w-md", children: "Ocorreu um erro ao carregar os dados. Tente novamente mais tarde." })
+  ] });
+}
+function Dashboard({
+  "aria-label": ariaLabel = "Dashboard",
+  className,
+  title,
+  description,
+  widgets,
+  layout = "default",
+  columns = 12,
+  rowHeight = 100,
+  isDraggable = false,
+  isResizable = false,
+  showHeader = true,
+  showRefresh = true,
+  refreshInterval,
+  sidebarContent,
+  headerActions,
+  state = "ready",
+  onLayoutChange,
+  onWidgetAdd: _onWidgetAdd,
+  onWidgetRemove,
+  onRefresh,
+  onExport: _onExport,
+  onWidgetClick,
+  ...props
+}) {
+  const dashboardId = useId();
+  const refreshTimerRef = useRef(null);
+  const normalizedLayout = layout ?? "default";
+  const handleRefresh = useCallback(() => {
+    onRefresh?.({ timestamp: Date.now() });
+  }, [onRefresh]);
+  const handleWidgetRemove = useCallback(
+    (widgetId) => {
+      onWidgetRemove?.({ widgetId, timestamp: Date.now() });
+      const updatedLayout = widgets.filter((w) => w.id !== widgetId).map((w) => ({ i: w.id, x: w.x, y: w.y, w: w.w, h: w.h }));
+      onLayoutChange?.({ layout: updatedLayout, timestamp: Date.now() });
+    },
+    [widgets, onWidgetRemove, onLayoutChange]
+  );
+  const handleWidgetClick = useCallback(
+    (widget) => {
+      onWidgetClick?.({ widget, timestamp: Date.now() });
+    },
+    [onWidgetClick]
+  );
+  useEffect(() => {
+    if (refreshInterval && refreshInterval > 0 && onRefresh) {
+      refreshTimerRef.current = setInterval(() => {
+        onRefresh({ timestamp: Date.now() });
+      }, refreshInterval);
+    }
+    return () => {
+      if (refreshTimerRef.current) {
+        clearInterval(refreshTimerRef.current);
+      }
+    };
+  }, [refreshInterval, onRefresh]);
+  const gridTemplateColumns = `repeat(${String(columns)}, minmax(0, 1fr))`;
+  const renderContent = () => {
+    switch (state) {
+      case "loading":
+        return /* @__PURE__ */ jsx(DashboardLoadingState, { layout: normalizedLayout });
+      case "error":
+        return /* @__PURE__ */ jsx(DashboardErrorState, { layout: normalizedLayout });
+      case "empty":
+        return /* @__PURE__ */ jsx(DashboardEmptyState, { layout: normalizedLayout });
+      case "ready":
+      default:
+        if (widgets.length === 0) {
+          return /* @__PURE__ */ jsx(DashboardEmptyState, { layout: normalizedLayout });
+        }
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: dashboardGridVariants({ layout: normalizedLayout }),
+            "data-slot": "dashboard-grid",
+            style: { gridTemplateColumns },
+            children: widgets.map((widget) => /* @__PURE__ */ jsx(
+              DashboardWidget,
+              {
+                columns,
+                isDraggable: isDraggable && !widget.isStatic,
+                isResizable: isResizable && !widget.isStatic,
+                rowHeight,
+                widget,
+                onClick: onWidgetClick ? () => {
+                  handleWidgetClick(widget);
+                } : void 0,
+                onRemove: onWidgetRemove ? () => {
+                  handleWidgetRemove(widget.id);
+                } : void 0
+              },
+              widget.id
+            ))
+          }
+        );
+    }
+  };
+  if (normalizedLayout === "sidebar") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "aria-label": ariaLabel,
+        className: cn(dashboardVariants({ layout: normalizedLayout }), className),
+        "data-layout": normalizedLayout,
+        "data-slot": "dashboard",
+        "data-state": state,
+        id: dashboardId,
+        role: "main",
+        ...props,
+        children: [
+          sidebarContent && /* @__PURE__ */ jsx(
+            "aside",
+            {
+              className: dashboardSidebarVariants(),
+              "data-slot": "dashboard-sidebar",
+              children: sidebarContent
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: dashboardContentVariants({ layout: normalizedLayout }), children: [
+            showHeader && (title ?? description ?? headerActions) && /* @__PURE__ */ jsx(
+              DashboardHeader,
+              {
+                actions: headerActions,
+                description,
+                showRefresh,
+                title,
+                onRefresh: onRefresh ? handleRefresh : void 0
+              }
+            ),
+            renderContent()
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": ariaLabel,
+      className: cn(dashboardVariants({ layout: normalizedLayout }), className),
+      "data-layout": normalizedLayout,
+      "data-slot": "dashboard",
+      "data-state": state,
+      id: dashboardId,
+      role: "main",
+      ...props,
+      children: [
+        showHeader && (title ?? description ?? headerActions) && /* @__PURE__ */ jsx(
+          DashboardHeader,
+          {
+            actions: headerActions,
+            description,
+            showRefresh,
+            title,
+            onRefresh: onRefresh ? handleRefresh : void 0
+          }
+        ),
+        renderContent()
+      ]
+    }
+  );
+}
+
+export { Dashboard, DashboardEmptyState, DashboardErrorState, DashboardHeader, DashboardLoadingState, DashboardWidget, dashboardContentVariants, dashboardEmptyVariants, dashboardGridVariants, dashboardHeaderVariants, dashboardLoadingVariants, dashboardSidebarVariants, dashboardVariants, dashboardWidgetHeaderVariants, dashboardWidgetVariants };
+//# sourceMappingURL=chunk-Y7UFBSAD.js.map
+//# sourceMappingURL=chunk-Y7UFBSAD.js.map

package/dist/chunk-Y7UFBSAD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/workflow/Dashboard/Dashboard.variants.ts","../src/components/workflow/Dashboard/Dashboard.tsx"],"names":[],"mappings":"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","file":"chunk-Y7UFBSAD.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Dashboard container variants\n */\nexport const dashboardVariants = cva(\n  [\n    \"relative\",\n    \"bg-background\",\n    \"text-foreground\",\n  ],\n  {\n    variants: {\n      layout: {\n        default: \"p-6\",\n        dense: \"p-4\",\n        full: \"p-0 min-h-screen\",\n        sidebar: \"flex\",\n      },\n    },\n    defaultVariants: {\n      layout: \"default\",\n    },\n  }\n)\n\n/**\n * Dashboard header variants\n */\nexport const dashboardHeaderVariants = cva(\n  [\n    \"flex\",\n    \"items-start\",\n    \"justify-between\",\n    \"gap-4\",\n    \"mb-6\",\n  ],\n  {\n    variants: {\n      layout: {\n        default: \"\",\n        dense: \"mb-4\",\n        full: \"px-6 pt-6\",\n        sidebar: \"\",\n      },\n    },\n    defaultVariants: {\n      layout: \"default\",\n    },\n  }\n)\n\n/**\n * Dashboard grid variants\n */\nexport const dashboardGridVariants = cva(\n  [\n    \"grid\",\n    \"w-full\",\n  ],\n  {\n    variants: {\n      layout: {\n        default: \"gap-6\",\n        dense: \"gap-4\",\n        full: \"gap-6 px-6 pb-6\",\n        sidebar: \"gap-6\",\n      },\n    },\n    defaultVariants: {\n      layout: \"default\",\n    },\n  }\n)\n\n/**\n * Dashboard sidebar variants\n */\nexport const dashboardSidebarVariants = cva(\n  [\n    \"shrink-0\",\n    \"border-r\",\n    \"border-border\",\n    \"bg-card\",\n  ],\n  {\n    variants: {\n      width: {\n        sm: \"w-48\",\n        md: \"w-64\",\n        lg: \"w-80\",\n      },\n    },\n    defaultVariants: {\n      width: \"md\",\n    },\n  }\n)\n\n/**\n * Dashboard content variants\n */\nexport const dashboardContentVariants = cva(\n  [\n    \"flex-1\",\n    \"min-w-0\",\n  ],\n  {\n    variants: {\n      layout: {\n        default: \"\",\n        dense: \"\",\n        full: \"\",\n        sidebar: \"p-6\",\n      },\n    },\n    defaultVariants: {\n      layout: \"default\",\n    },\n  }\n)\n\n/**\n * Dashboard widget variants\n */\nexport const dashboardWidgetVariants = cva(\n  [\n    \"rounded-lg\",\n    \"border\",\n    \"border-border\",\n    \"bg-card\",\n    \"overflow-hidden\",\n    \"transition-shadow\",\n    \"duration-200\",\n  ],\n  {\n    variants: {\n      layout: {\n        default: \"p-6\",\n        dense: \"p-4\",\n        full: \"p-6\",\n        sidebar: \"p-6\",\n      },\n      state: {\n        default: \"\",\n        dragging: \"shadow-lg ring-2 ring-primary/20\",\n        resizing: \"shadow-md\",\n      },\n      interactive: {\n        true: \"cursor-pointer hover:shadow-md\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      layout: \"default\",\n      state: \"default\",\n      interactive: false,\n    },\n  }\n)\n\n/**\n * Dashboard widget header variants\n */\nexport const dashboardWidgetHeaderVariants = cva(\n  [\n    \"flex\",\n    \"items-start\",\n    \"justify-between\",\n    \"gap-2\",\n    \"mb-4\",\n  ],\n  {\n    variants: {\n      layout: {\n        default: \"\",\n        dense: \"mb-3\",\n        full: \"\",\n        sidebar: \"\",\n      },\n    },\n    defaultVariants: {\n      layout: \"default\",\n    },\n  }\n)\n\n/**\n * Dashboard empty state variants\n */\nexport const dashboardEmptyVariants = cva(\n  [\n    \"flex\",\n    \"flex-col\",\n    \"items-center\",\n    \"justify-center\",\n    \"text-center\",\n    \"py-16\",\n  ],\n  {\n    variants: {\n      layout: {\n        default: \"\",\n        dense: \"py-12\",\n        full: \"min-h-[50vh]\",\n        sidebar: \"\",\n      },\n    },\n    defaultVariants: {\n      layout: \"default\",\n    },\n  }\n)\n\n/**\n * Dashboard loading state variants\n */\nexport const dashboardLoadingVariants = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-center\",\n    \"py-16\",\n  ],\n  {\n    variants: {\n      layout: {\n        default: \"\",\n        dense: \"py-12\",\n        full: \"min-h-[50vh]\",\n        sidebar: \"\",\n      },\n    },\n    defaultVariants: {\n      layout: \"default\",\n    },\n  }\n)\n\nexport type DashboardVariantProps = VariantProps<typeof dashboardVariants>\nexport type DashboardWidgetVariantProps = VariantProps<typeof dashboardWidgetVariants>\n","import type {\n  DashboardHeaderProps,\n  DashboardProps,\n  DashboardWidgetData,\n  DashboardWidgetProps,\n} from \"./Dashboard.types\"\nimport type { KeyboardEvent } from \"react\"\n\nimport { LayoutGrid, Loader2, RefreshCw, X } from \"lucide-react\"\nimport { useCallback, useEffect, useId, useRef } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Button } from \"../../primitives/Button\"\nimport {\n  dashboardContentVariants,\n  dashboardEmptyVariants,\n  dashboardGridVariants,\n  dashboardHeaderVariants,\n  dashboardLoadingVariants,\n  dashboardSidebarVariants,\n  dashboardVariants,\n  dashboardWidgetHeaderVariants,\n  dashboardWidgetVariants,\n} from \"./Dashboard.variants\"\n\n/**\n * Get icon for widget type\n */\nfunction getWidgetIcon(_type: DashboardWidgetData[\"type\"]) {\n  // For now, return a generic icon - can be extended per type\n  return <LayoutGrid className=\"h-4 w-4 text-muted-foreground\" />\n}\n\n/**\n * DashboardHeader displays the dashboard title and actions\n */\nfunction DashboardHeader({\n  title,\n  description,\n  showRefresh = true,\n  onRefresh,\n  actions,\n}: DashboardHeaderProps) {\n  return (\n    <div className={dashboardHeaderVariants()} data-slot=\"dashboard-header\">\n      <div className=\"space-y-1\">\n        {title && (\n          <h1\n            className=\"text-2xl font-bold tracking-tight\"\n            data-slot=\"dashboard-title\"\n          >\n            {title}\n          </h1>\n        )}\n        {description && (\n          <p\n            className=\"text-sm text-muted-foreground\"\n            data-slot=\"dashboard-description\"\n          >\n            {description}\n          </p>\n        )}\n      </div>\n      <div className=\"flex items-center gap-2\" data-slot=\"dashboard-actions\">\n        {showRefresh && onRefresh && (\n          <Button\n            aria-label=\"Refresh dashboard\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={onRefresh}\n          >\n            <RefreshCw className=\"h-4 w-4 mr-2\" />\n            Atualizar\n          </Button>\n        )}\n        {actions}\n      </div>\n    </div>\n  )\n}\n\n/**\n * DashboardWidget renders a single widget card\n */\nfunction DashboardWidget({\n  widget,\n  columns = 12,\n  rowHeight = 100,\n  isDraggable = false,\n  isResizable = false,\n  onClick,\n  onRemove,\n  className,\n  ...props\n}: DashboardWidgetProps) {\n  const widgetId = useId()\n\n  // Calculate grid span and position styles\n  const gridStyle = {\n    gridColumn: `span ${String(Math.min(widget.w, columns))}`,\n    minHeight: `${String(widget.h * rowHeight)}px`,\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault()\n      onClick?.()\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        dashboardWidgetVariants({\n          interactive: Boolean(onClick),\n        }),\n        className\n      )}\n      aria-label={widget.title}\n      data-draggable={isDraggable || undefined}\n      data-resizable={isResizable || undefined}\n      data-slot=\"dashboard-widget\"\n      data-widget-id={widget.id}\n      data-widget-type={widget.type}\n      id={widgetId}\n      role={onClick ? \"button\" : \"region\"}\n      style={gridStyle}\n      tabIndex={onClick ? 0 : undefined}\n      onClick={onClick}\n      onKeyDown={onClick ? handleKeyDown : undefined}\n      {...props}\n    >\n      <div className={dashboardWidgetHeaderVariants()} data-slot=\"dashboard-widget-header\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          {getWidgetIcon(widget.type)}\n          <div className=\"min-w-0\">\n            <h2 className=\"text-lg font-semibold truncate\">{widget.title}</h2>\n            {widget.description && (\n              <p className=\"text-sm text-muted-foreground truncate\">\n                {widget.description}\n              </p>\n            )}\n          </div>\n        </div>\n        {onRemove && (\n          <Button\n            aria-label={`Remove ${widget.title}`}\n            className=\"shrink-0\"\n            size=\"icon\"\n            variant=\"ghost\"\n            onClick={(e) => {\n              e.stopPropagation()\n              onRemove()\n            }}\n          >\n            <X className=\"h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n      <div className=\"flex-1\" data-slot=\"dashboard-widget-content\">\n        {/* Widget content would be rendered here based on type */}\n        {widget.type === \"kpi\" &&\n          widget.data !== null &&\n          widget.data !== undefined &&\n          typeof widget.data === \"object\" &&\n          \"value\" in widget.data &&\n          (typeof (widget.data as Record<string, unknown>)[\"value\"] === \"string\" ||\n            typeof (widget.data as Record<string, unknown>)[\"value\"] === \"number\") && (\n            <div className=\"text-3xl font-bold\">\n              {String((widget.data as Record<string, unknown>)[\"value\"])}\n            </div>\n          )}\n        {widget.type === \"text\" &&\n          widget.data !== null &&\n          widget.data !== undefined &&\n          typeof widget.data === \"string\" && (\n            <div className=\"text-sm text-muted-foreground\">{widget.data}</div>\n          )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * DashboardEmptyState displays when no widgets are configured\n */\nfunction DashboardEmptyState({ layout }: { layout?: \"default\" | \"dense\" | \"full\" | \"sidebar\" | null }) {\n  return (\n    <div className={dashboardEmptyVariants({ layout })} data-slot=\"dashboard-empty\">\n      <LayoutGrid className=\"h-12 w-12 text-muted-foreground mb-4\" />\n      <h3 className=\"text-lg font-semibold mb-2\">Nenhum widget configurado</h3>\n      <p className=\"text-sm text-muted-foreground max-w-md\">\n        Adicione widgets para visualizar dados e métricas neste dashboard.\n      </p>\n    </div>\n  )\n}\n\n/**\n * DashboardLoadingState displays while data is loading\n */\nfunction DashboardLoadingState({ layout }: { layout?: \"default\" | \"dense\" | \"full\" | \"sidebar\" | null }) {\n  return (\n    <div className={dashboardLoadingVariants({ layout })} data-slot=\"dashboard-loading\">\n      <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n    </div>\n  )\n}\n\n/**\n * DashboardErrorState displays when an error occurs\n */\nfunction DashboardErrorState({ layout }: { layout?: \"default\" | \"dense\" | \"full\" | \"sidebar\" | null }) {\n  return (\n    <div className={dashboardEmptyVariants({ layout })} data-slot=\"dashboard-error\">\n      <div className=\"rounded-full bg-destructive/10 p-3 mb-4\">\n        <X className=\"h-8 w-8 text-destructive\" />\n      </div>\n      <h3 className=\"text-lg font-semibold mb-2\">Erro ao carregar dashboard</h3>\n      <p className=\"text-sm text-muted-foreground max-w-md\">\n        Ocorreu um erro ao carregar os dados. Tente novamente mais tarde.\n      </p>\n    </div>\n  )\n}\n\n/**\n * Dashboard component for creating control panels with widgets, metrics, and visualizations.\n *\n * @example\n * ```tsx\n * const widgets = [\n *   { id: '1', type: 'kpi', title: 'Total Sales', x: 0, y: 0, w: 3, h: 2, data: { value: 'R$ 150.000' } },\n *   { id: '2', type: 'chart', title: 'Sales by Month', x: 3, y: 0, w: 6, h: 4 },\n * ]\n *\n * <Dashboard\n *   title=\"Sales Dashboard\"\n *   description=\"Overview of commercial performance\"\n *   widgets={widgets}\n *   onRefresh={() => console.log('Refresh')}\n * />\n * ```\n */\nfunction Dashboard({\n  \"aria-label\": ariaLabel = \"Dashboard\",\n  className,\n  title,\n  description,\n  widgets,\n  layout = \"default\",\n  columns = 12,\n  rowHeight = 100,\n  isDraggable = false,\n  isResizable = false,\n  showHeader = true,\n  showRefresh = true,\n  refreshInterval,\n  sidebarContent,\n  headerActions,\n  state = \"ready\",\n  onLayoutChange,\n  onWidgetAdd: _onWidgetAdd,\n  onWidgetRemove,\n  onRefresh,\n  onExport: _onExport,\n  onWidgetClick,\n  ...props\n}: DashboardProps) {\n  const dashboardId = useId()\n  const refreshTimerRef = useRef<null | ReturnType<typeof setInterval>>(null)\n\n  // Normalize layout\n  const normalizedLayout = layout ?? \"default\"\n\n  // Handle refresh\n  const handleRefresh = useCallback(() => {\n    onRefresh?.({ timestamp: Date.now() })\n  }, [onRefresh])\n\n  // Handle widget remove\n  const handleWidgetRemove = useCallback(\n    (widgetId: string) => {\n      onWidgetRemove?.({ widgetId, timestamp: Date.now() })\n      // Notify layout change\n      const updatedLayout = widgets\n        .filter((w) => w.id !== widgetId)\n        .map((w) => ({ i: w.id, x: w.x, y: w.y, w: w.w, h: w.h }))\n      onLayoutChange?.({ layout: updatedLayout, timestamp: Date.now() })\n    },\n    [widgets, onWidgetRemove, onLayoutChange]\n  )\n\n  // Handle widget click\n  const handleWidgetClick = useCallback(\n    (widget: DashboardWidgetData) => {\n      onWidgetClick?.({ widget, timestamp: Date.now() })\n    },\n    [onWidgetClick]\n  )\n\n  // Set up auto-refresh\n  useEffect(() => {\n    if (refreshInterval && refreshInterval > 0 && onRefresh) {\n      refreshTimerRef.current = setInterval(() => {\n        onRefresh({ timestamp: Date.now() })\n      }, refreshInterval)\n    }\n\n    return () => {\n      if (refreshTimerRef.current) {\n        clearInterval(refreshTimerRef.current)\n      }\n    }\n  }, [refreshInterval, onRefresh])\n\n  // Generate grid template columns\n  const gridTemplateColumns = `repeat(${String(columns)}, minmax(0, 1fr))`\n\n  // Render content based on state\n  const renderContent = () => {\n    switch (state) {\n      case \"loading\":\n        return <DashboardLoadingState layout={normalizedLayout} />\n      case \"error\":\n        return <DashboardErrorState layout={normalizedLayout} />\n      case \"empty\":\n        return <DashboardEmptyState layout={normalizedLayout} />\n      case \"ready\":\n      default:\n        if (widgets.length === 0) {\n          return <DashboardEmptyState layout={normalizedLayout} />\n        }\n        return (\n          <div\n            className={dashboardGridVariants({ layout: normalizedLayout })}\n            data-slot=\"dashboard-grid\"\n            style={{ gridTemplateColumns }}\n          >\n            {widgets.map((widget) => (\n              <DashboardWidget\n                key={widget.id}\n                columns={columns}\n                isDraggable={isDraggable && !widget.isStatic}\n                isResizable={isResizable && !widget.isStatic}\n                rowHeight={rowHeight}\n                widget={widget}\n                onClick={\n                  onWidgetClick ? () => { handleWidgetClick(widget); } : undefined\n                }\n                onRemove={\n                  onWidgetRemove\n                    ? () => { handleWidgetRemove(widget.id); }\n                    : undefined\n                }\n              />\n            ))}\n          </div>\n        )\n    }\n  }\n\n  // Sidebar layout\n  if (normalizedLayout === \"sidebar\") {\n    return (\n      <div\n        aria-label={ariaLabel}\n        className={cn(dashboardVariants({ layout: normalizedLayout }), className)}\n        data-layout={normalizedLayout}\n        data-slot=\"dashboard\"\n        data-state={state}\n        id={dashboardId}\n        role=\"main\"\n        {...props}\n      >\n        {sidebarContent && (\n          <aside\n            className={dashboardSidebarVariants()}\n            data-slot=\"dashboard-sidebar\"\n          >\n            {sidebarContent}\n          </aside>\n        )}\n        <div className={dashboardContentVariants({ layout: normalizedLayout })}>\n          {showHeader && (title ?? description ?? headerActions) && (\n            <DashboardHeader\n              actions={headerActions}\n              description={description}\n              showRefresh={showRefresh}\n              title={title}\n              onRefresh={onRefresh ? handleRefresh : undefined}\n            />\n          )}\n          {renderContent()}\n        </div>\n      </div>\n    )\n  }\n\n  // Default, dense, and full layouts\n  return (\n    <div\n      aria-label={ariaLabel}\n      className={cn(dashboardVariants({ layout: normalizedLayout }), className)}\n      data-layout={normalizedLayout}\n      data-slot=\"dashboard\"\n      data-state={state}\n      id={dashboardId}\n      role=\"main\"\n      {...props}\n    >\n      {showHeader && (title ?? description ?? headerActions) && (\n        <DashboardHeader\n          actions={headerActions}\n          description={description}\n          showRefresh={showRefresh}\n          title={title}\n          onRefresh={onRefresh ? handleRefresh : undefined}\n        />\n      )}\n      {renderContent()}\n    </div>\n  )\n}\n\nexport {\n  Dashboard,\n  dashboardContentVariants,\n  DashboardEmptyState,\n  dashboardEmptyVariants,\n  DashboardErrorState,\n  dashboardGridVariants,\n  DashboardHeader,\n  dashboardHeaderVariants,\n  DashboardLoadingState,\n  dashboardLoadingVariants,\n  dashboardSidebarVariants,\n  dashboardVariants,\n  DashboardWidget,\n  dashboardWidgetHeaderVariants,\n  dashboardWidgetVariants,\n}\nexport type {\n  DashboardHeaderProps,\n  DashboardProps,\n  DashboardWidgetProps,\n}\n"]}