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

package/dist/chunk-ARNVOHVW.js

@@ -0,0 +1,103 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var paragraphVariants = cva(
+  "font-[family-name:var(--paragraph-base-font-family)]",
+  {
+    variants: {
+      size: {
+        xs: "text-[length:var(--paragraph-size-xs-font-size)] leading-[var(--paragraph-size-xs-line-height)]",
+        sm: "text-[length:var(--paragraph-size-sm-font-size)] leading-[var(--paragraph-size-sm-line-height)]",
+        base: "text-[length:var(--paragraph-size-base-font-size)] leading-[var(--paragraph-size-base-line-height)]",
+        lg: "text-[length:var(--paragraph-size-lg-font-size)] leading-[var(--paragraph-size-lg-line-height)]",
+        xl: "text-[length:var(--paragraph-size-xl-font-size)] leading-[var(--paragraph-size-xl-line-height)]"
+      },
+      weight: {
+        normal: "font-[var(--paragraph-weight-normal)]",
+        medium: "font-[var(--paragraph-weight-medium)]",
+        semibold: "font-[var(--paragraph-weight-semibold)]",
+        bold: "font-[var(--paragraph-weight-bold)]"
+      },
+      color: {
+        default: "text-[color:var(--paragraph-color-default)]",
+        muted: "text-[color:var(--paragraph-color-muted)]",
+        primary: "text-[color:var(--paragraph-color-primary)]",
+        destructive: "text-[color:var(--paragraph-color-destructive)]",
+        success: "text-[color:var(--paragraph-color-success)]"
+      },
+      align: {
+        left: "text-left",
+        center: "text-center",
+        right: "text-right",
+        justify: "text-justify"
+      },
+      leading: {
+        tight: "leading-tight",
+        snug: "leading-snug",
+        normal: "leading-normal",
+        relaxed: "leading-relaxed",
+        loose: "leading-loose"
+      },
+      spacing: {
+        none: "mb-[var(--paragraph-spacing-none)]",
+        tight: "mb-[var(--paragraph-spacing-tight)]",
+        normal: "mb-[var(--paragraph-spacing-normal)]",
+        relaxed: "mb-[var(--paragraph-spacing-relaxed)]"
+      },
+      prose: {
+        true: "max-w-prose",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "base",
+      weight: "normal",
+      color: "default",
+      align: "left",
+      spacing: "normal",
+      prose: false
+    }
+  }
+);
+function Paragraph({
+  className,
+  size,
+  weight,
+  color,
+  align,
+  leading,
+  spacing,
+  prose,
+  asChild = false,
+  ref,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "p";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(
+        paragraphVariants({
+          size,
+          weight,
+          color,
+          align,
+          leading,
+          spacing,
+          prose
+        }),
+        className
+      ),
+      "data-prose": prose ? "" : void 0,
+      "data-slot": "paragraph",
+      ...props
+    }
+  );
+}
+
+export { Paragraph, paragraphVariants };
+//# sourceMappingURL=chunk-ARNVOHVW.js.map
+//# sourceMappingURL=chunk-ARNVOHVW.js.map

package/dist/chunk-ARNVOHVW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Paragraph/Paragraph.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,iBAAA,GAAoB,GAAA;AAAA,EACxB,sDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,iGAAA;AAAA,QACJ,EAAA,EAAI,iGAAA;AAAA,QACJ,IAAA,EAAM,qGAAA;AAAA,QACN,EAAA,EAAI,iGAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,MAAA,EAAQ,uCAAA;AAAA,QACR,MAAA,EAAQ,uCAAA;AAAA,QACR,QAAA,EAAU,yCAAA;AAAA,QACV,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,6CAAA;AAAA,QACT,KAAA,EAAO,2CAAA;AAAA,QACP,OAAA,EAAS,6CAAA;AAAA,QACT,WAAA,EAAa,iDAAA;AAAA,QACb,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,WAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,KAAA,EAAO,YAAA;AAAA,QACP,OAAA,EAAS;AAAA,OACX;AAAA,MACA,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,eAAA;AAAA,QACP,IAAA,EAAM,cAAA;AAAA,QACN,MAAA,EAAQ,gBAAA;AAAA,QACR,OAAA,EAAS,iBAAA;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,oCAAA;AAAA,QACN,KAAA,EAAO,qCAAA;AAAA,QACP,MAAA,EAAQ,sCAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,MAAA;AAAA,MACN,MAAA,EAAQ,QAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ;AAiBA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,GAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA,CAAkB;AAAA,UAChB,IAAA;AAAA,UACA,MAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,OAAA;AAAA,UACA,OAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACA,YAAA,EAAY,QAAQ,EAAA,GAAK,MAAA;AAAA,MACzB,WAAA,EAAU,WAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-ARNVOHVW.js","sourcesContent":["import type { ParagraphProps } from \"./Paragraph.types\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst paragraphVariants = cva(\n  \"font-[family-name:var(--paragraph-base-font-family)]\",\n  {\n    variants: {\n      size: {\n        xs: \"text-[length:var(--paragraph-size-xs-font-size)] leading-[var(--paragraph-size-xs-line-height)]\",\n        sm: \"text-[length:var(--paragraph-size-sm-font-size)] leading-[var(--paragraph-size-sm-line-height)]\",\n        base: \"text-[length:var(--paragraph-size-base-font-size)] leading-[var(--paragraph-size-base-line-height)]\",\n        lg: \"text-[length:var(--paragraph-size-lg-font-size)] leading-[var(--paragraph-size-lg-line-height)]\",\n        xl: \"text-[length:var(--paragraph-size-xl-font-size)] leading-[var(--paragraph-size-xl-line-height)]\",\n      },\n      weight: {\n        normal: \"font-[var(--paragraph-weight-normal)]\",\n        medium: \"font-[var(--paragraph-weight-medium)]\",\n        semibold: \"font-[var(--paragraph-weight-semibold)]\",\n        bold: \"font-[var(--paragraph-weight-bold)]\",\n      },\n      color: {\n        default: \"text-[color:var(--paragraph-color-default)]\",\n        muted: \"text-[color:var(--paragraph-color-muted)]\",\n        primary: \"text-[color:var(--paragraph-color-primary)]\",\n        destructive: \"text-[color:var(--paragraph-color-destructive)]\",\n        success: \"text-[color:var(--paragraph-color-success)]\",\n      },\n      align: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n        justify: \"text-justify\",\n      },\n      leading: {\n        tight: \"leading-tight\",\n        snug: \"leading-snug\",\n        normal: \"leading-normal\",\n        relaxed: \"leading-relaxed\",\n        loose: \"leading-loose\",\n      },\n      spacing: {\n        none: \"mb-[var(--paragraph-spacing-none)]\",\n        tight: \"mb-[var(--paragraph-spacing-tight)]\",\n        normal: \"mb-[var(--paragraph-spacing-normal)]\",\n        relaxed: \"mb-[var(--paragraph-spacing-relaxed)]\",\n      },\n      prose: {\n        true: \"max-w-prose\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"base\",\n      weight: \"normal\",\n      color: \"default\",\n      align: \"left\",\n      spacing: \"normal\",\n      prose: false,\n    },\n  }\n)\n\n/**\n * Paragraph - Componente de paragrafo para blocos de texto.\n *\n * Suporta diferentes tamanhos, pesos, cores, alinhamentos e espacamentos.\n *\n * @example\n * // Paragrafo basico\n * <Paragraph>Texto do paragrafo</Paragraph>\n *\n * @example\n * // Paragrafo com estilo personalizado\n * <Paragraph size=\"lg\" weight=\"medium\" color=\"muted\">\n *   Texto destacado\n * </Paragraph>\n */\nfunction Paragraph({\n  className,\n  size,\n  weight,\n  color,\n  align,\n  leading,\n  spacing,\n  prose,\n  asChild = false,\n  ref,\n  ...props\n}: ParagraphProps) {\n  const Comp = asChild ? Slot : \"p\"\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        paragraphVariants({\n          size,\n          weight,\n          color,\n          align,\n          leading,\n          spacing,\n          prose,\n        }),\n        className\n      )}\n      data-prose={prose ? \"\" : undefined}\n      data-slot=\"paragraph\"\n      {...props}\n    />\n  )\n}\n\nexport { Paragraph, paragraphVariants }\n"]}

package/dist/chunk-ATIEGLR2.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-ATIEGLR2.js.map
+//# sourceMappingURL=chunk-ATIEGLR2.js.map

package/dist/chunk-ATIEGLR2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-ATIEGLR2.js"}

package/dist/chunk-AV5YQ2Z4.js

@@ -0,0 +1,515 @@
+import { Button } from './chunk-RPV77BCQ.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-AV5YQ2Z4.js.map
+//# sourceMappingURL=chunk-AV5YQ2Z4.js.map