xertica-ui 2.4.0 → 2.4.1

package/dist/FeatureCard-CxC-7C-C.cjs

@@ -0,0 +1,300 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const progress = require("./progress-EeaoqqUs.cjs");
+const avatar = require("./avatar-Cq5_E8r9.cjs");
+const button = require("./button-0CXwCRTm.cjs");
+const activityTypeBadge = {
+  create: { label: "Criado", variant: "success" },
+  update: { label: "Atualizado", variant: "info" },
+  delete: { label: "Removido", variant: "destructive" },
+  comment: { label: "Comentou", variant: "secondary" },
+  deploy: { label: "Deploy", variant: "default" }
+};
+function ActivityCard({ title = "Atividade Recente", items, action, maxItems = 5, className, ...props }) {
+  const visible = items.slice(0, maxItems);
+  return /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { className: button.cn("w-full", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: title }),
+      action && /* @__PURE__ */ jsxRuntime.jsx(progress.CardAction, { children: action })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { className: "px-6 pb-6", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4", children: visible.map((item) => {
+      const badge = item.type ? activityTypeBadge[item.type] : null;
+      return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { className: "size-8 shrink-0", children: [
+          item.user.avatar && /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: item.user.avatar, alt: item.user.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "text-xs", children: item.user.initials })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm leading-snug", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: item.user.name }),
+            " ",
+            item.action,
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: item.target })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: item.time })
+        ] }),
+        badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: badge.variant, className: "shrink-0 text-xs", children: badge.label })
+      ] }, item.id);
+    }) }) })
+  ] });
+}
+const statusConfig$1 = {
+  online: { label: "Online", variant: "success" },
+  offline: { label: "Offline", variant: "secondary" },
+  away: { label: "Ausente", variant: "warning" },
+  busy: { label: "Ocupado", variant: "destructive" }
+};
+function ProfileCard({
+  name,
+  role,
+  department,
+  avatar: avatar$1,
+  initials,
+  status,
+  stats,
+  primaryAction,
+  secondaryAction,
+  className,
+  ...props
+}) {
+  const s = status ? statusConfig$1[status] : null;
+  return /* @__PURE__ */ jsxRuntime.jsx(progress.Card, { className: button.cn("w-full", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(progress.CardContent, { className: "pt-6 flex flex-col items-center text-center gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { className: "size-16", children: [
+        avatar$1 && /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: avatar$1, alt: name }),
+        /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "text-lg font-semibold", children: initials })
+      ] }),
+      s && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -bottom-0.5 -right-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: s.variant, className: "text-[10px] px-1.5 py-0 h-5", children: s.label }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-base leading-tight", children: name }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: role }),
+      department && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: department })
+    ] }),
+    stats && stats.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full grid grid-cols-3 divide-x divide-border border-y border-border py-3 mt-1", children: stats.map((stat) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-0.5 px-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold", children: stat.value }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground", children: stat.label })
+    ] }, stat.label)) }),
+    (primaryAction || secondaryAction) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 w-full", children: [
+      secondaryAction && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", className: "flex-1", size: "sm", onClick: secondaryAction.onClick, children: secondaryAction.label }),
+      primaryAction && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { className: "flex-1", size: "sm", onClick: primaryAction.onClick, children: primaryAction.label })
+    ] })
+  ] }) });
+}
+const statusConfig = {
+  active: { label: "Em andamento", variant: "info", progressVariant: "info" },
+  review: { label: "Em revisão", variant: "warning", progressVariant: "warning" },
+  done: { label: "Concluído", variant: "success", progressVariant: "success" },
+  paused: { label: "Pausado", variant: "secondary", progressVariant: "default" },
+  "at-risk": { label: "Em risco", variant: "destructive", progressVariant: "destructive" }
+};
+function ProjectCard({
+  title,
+  description,
+  status,
+  progress: progress$1,
+  dueDate,
+  members = [],
+  maxMembers = 4,
+  action,
+  className,
+  ...props
+}) {
+  const { label, variant, progressVariant } = statusConfig[status];
+  const visible = members.slice(0, maxMembers);
+  const overflow = members.length - maxMembers;
+  return /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { className: button.cn("w-full", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { className: "truncate", children: title }),
+        description && /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { className: "line-clamp-2", children: description })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(progress.CardAction, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant, children: label }),
+        action
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Progresso" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          progress$1,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(progress.Progress, { value: progress$1, variant: progressVariant, className: "h-2" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(progress.CardFooter, { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex -space-x-2", children: [
+        visible.map((m) => /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { className: "size-7 border-2 border-background", children: [
+          m.avatar && /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: m.avatar, alt: m.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "text-[10px]", children: m.initials })
+        ] }, m.name)),
+        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "size-7 rounded-full border-2 border-background bg-muted flex items-center justify-center text-[10px] font-medium text-muted-foreground", children: [
+          "+",
+          overflow
+        ] })
+      ] }),
+      dueDate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: dueDate })
+    ] })
+  ] });
+}
+function QuickActionCard({
+  title,
+  description,
+  icon,
+  badge,
+  badgeVariant = "secondary",
+  actionLabel,
+  actionVariant = "default",
+  onAction,
+  disabled,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    progress.Card,
+    {
+      className: button.cn(
+        "w-full group transition-shadow hover:shadow-md",
+        disabled && "opacity-60 pointer-events-none",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(progress.CardContent, { className: "pt-6 flex flex-col items-start gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between w-full", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2.5 rounded-[var(--radius)] bg-primary/10 text-primary", children: icon }),
+          badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: badgeVariant, children: badge })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm leading-tight", children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            variant: actionVariant,
+            size: "sm",
+            className: "w-full",
+            onClick: onAction,
+            disabled,
+            children: actionLabel
+          }
+        )
+      ] })
+    }
+  );
+}
+const typeVariant = {
+  info: "info",
+  warning: "warning",
+  success: "success",
+  error: "destructive",
+  default: "secondary"
+};
+function NotificationCard({
+  title = "Notificações",
+  items,
+  unreadCount,
+  onMarkAllRead,
+  onViewAll,
+  maxItems = 4,
+  className,
+  ...props
+}) {
+  const visible = items.slice(0, maxItems);
+  const count = unreadCount ?? items.filter((i) => !i.read).length;
+  return /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { className: button.cn("w-full", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: title }),
+        count > 0 && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "destructive", className: "h-5 text-[11px] px-1.5", children: count })
+      ] }),
+      onMarkAllRead && count > 0 && /* @__PURE__ */ jsxRuntime.jsx(progress.CardAction, { children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", className: "text-xs h-7", onClick: onMarkAllRead, children: "Marcar todas como lidas" }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { className: "px-0 pb-0", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "divide-y divide-border", children: visible.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        className: button.cn(
+          "flex items-start gap-3 px-6 py-3 transition-colors",
+          !item.read && "bg-muted/40"
+        ),
+        children: [
+          item.user ? /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { className: "size-8 shrink-0 mt-0.5", children: [
+            item.user.avatar && /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: item.user.avatar, alt: item.user.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "text-xs", children: item.user.initials })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-8 shrink-0 mt-0.5 rounded-full bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: button.cn(
+            "size-2 rounded-full",
+            item.type === "error" ? "bg-destructive" : item.type === "warning" ? "bg-warning" : item.type === "success" ? "bg-success" : item.type === "info" ? "bg-info" : "bg-muted-foreground"
+          ) }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: item.title }),
+              item.type && item.type !== "default" && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: typeVariant[item.type], className: "text-[10px] px-1.5 h-4 shrink-0", children: item.type })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground line-clamp-2 mt-0.5", children: item.message }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-muted-foreground/70 mt-1", children: item.time })
+          ] }),
+          !item.read && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-2 rounded-full bg-primary shrink-0 mt-2" })
+        ]
+      },
+      item.id
+    )) }) }),
+    onViewAll && /* @__PURE__ */ jsxRuntime.jsx(progress.CardFooter, { className: "pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", className: "w-full text-xs", onClick: onViewAll, children: "Ver todas as notificações" }) })
+  ] });
+}
+const colorTokens = {
+  primary: { bg: "bg-primary/10", icon: "text-primary" },
+  "chart-1": { bg: "bg-[var(--chart-1)]/15", icon: "text-[var(--chart-1)]" },
+  "chart-2": { bg: "bg-[var(--chart-2)]/15", icon: "text-[var(--chart-2)]" },
+  "chart-3": { bg: "bg-[var(--chart-3)]/15", icon: "text-[var(--chart-3)]" },
+  "chart-4": { bg: "bg-[var(--chart-4)]/15", icon: "text-[var(--chart-4)]" },
+  "chart-5": { bg: "bg-[var(--chart-5)]/15", icon: "text-[var(--chart-5)]" },
+  success: { bg: "bg-success/10", icon: "text-success" },
+  info: { bg: "bg-info/10", icon: "text-info" },
+  warning: { bg: "bg-warning/10", icon: "text-warning" },
+  destructive: { bg: "bg-destructive/10", icon: "text-destructive" }
+};
+function FeatureCard({
+  title,
+  description,
+  icon,
+  color = "primary",
+  badge,
+  badgeVariant = "default",
+  actionLabel,
+  actionVariant = "outline",
+  onAction,
+  className,
+  ...props
+}) {
+  const { bg, icon: iconColor } = colorTokens[color];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    progress.Card,
+    {
+      className: button.cn(
+        "flex flex-col h-full hover:shadow-md transition-shadow duration-200",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(progress.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: button.cn("p-2 rounded-[var(--radius)] shrink-0", bg), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: button.cn("size-6 flex items-center justify-center [&>svg]:size-6", iconColor), children: icon }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { className: "text-sm", children: title }),
+            badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: badgeVariant, className: "text-xs", children: badge })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { className: "text-sm leading-relaxed", children: description }) }),
+        actionLabel && /* @__PURE__ */ jsxRuntime.jsx(progress.CardFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: actionVariant, className: "w-full", onClick: onAction, children: actionLabel }) })
+      ]
+    }
+  );
+}
+exports.ActivityCard = ActivityCard;
+exports.FeatureCard = FeatureCard;
+exports.NotificationCard = NotificationCard;
+exports.ProfileCard = ProfileCard;
+exports.ProjectCard = ProjectCard;
+exports.QuickActionCard = QuickActionCard;

package/dist/FeatureCard-DbHWCb4E.js

@@ -0,0 +1,301 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { C as Card, e as CardHeader, f as CardTitle, a as CardAction, b as CardContent, B as Badge, c as CardDescription, P as Progress, d as CardFooter } from "./progress-DPtzoVV8.js";
+import { A as Avatar, b as AvatarImage, a as AvatarFallback } from "./avatar-DSBfJMRJ.js";
+import { c as cn, B as Button } from "./button-qkz7Icqf.js";
+const activityTypeBadge = {
+  create: { label: "Criado", variant: "success" },
+  update: { label: "Atualizado", variant: "info" },
+  delete: { label: "Removido", variant: "destructive" },
+  comment: { label: "Comentou", variant: "secondary" },
+  deploy: { label: "Deploy", variant: "default" }
+};
+function ActivityCard({ title = "Atividade Recente", items, action, maxItems = 5, className, ...props }) {
+  const visible = items.slice(0, maxItems);
+  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full", className), ...props, children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: title }),
+      action && /* @__PURE__ */ jsx(CardAction, { children: action })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { className: "px-6 pb-6", children: /* @__PURE__ */ jsx("ul", { className: "space-y-4", children: visible.map((item) => {
+      const badge = item.type ? activityTypeBadge[item.type] : null;
+      return /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsxs(Avatar, { className: "size-8 shrink-0", children: [
+          item.user.avatar && /* @__PURE__ */ jsx(AvatarImage, { src: item.user.avatar, alt: item.user.name }),
+          /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", children: item.user.initials })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-sm leading-snug", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: item.user.name }),
+            " ",
+            item.action,
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: item.target })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: item.time })
+        ] }),
+        badge && /* @__PURE__ */ jsx(Badge, { variant: badge.variant, className: "shrink-0 text-xs", children: badge.label })
+      ] }, item.id);
+    }) }) })
+  ] });
+}
+const statusConfig$1 = {
+  online: { label: "Online", variant: "success" },
+  offline: { label: "Offline", variant: "secondary" },
+  away: { label: "Ausente", variant: "warning" },
+  busy: { label: "Ocupado", variant: "destructive" }
+};
+function ProfileCard({
+  name,
+  role,
+  department,
+  avatar,
+  initials,
+  status,
+  stats,
+  primaryAction,
+  secondaryAction,
+  className,
+  ...props
+}) {
+  const s = status ? statusConfig$1[status] : null;
+  return /* @__PURE__ */ jsx(Card, { className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 flex flex-col items-center text-center gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxs(Avatar, { className: "size-16", children: [
+        avatar && /* @__PURE__ */ jsx(AvatarImage, { src: avatar, alt: name }),
+        /* @__PURE__ */ jsx(AvatarFallback, { className: "text-lg font-semibold", children: initials })
+      ] }),
+      s && /* @__PURE__ */ jsx("span", { className: "absolute -bottom-0.5 -right-0.5", children: /* @__PURE__ */ jsx(Badge, { variant: s.variant, className: "text-[10px] px-1.5 py-0 h-5", children: s.label }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-semibold text-base leading-tight", children: name }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: role }),
+      department && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: department })
+    ] }),
+    stats && stats.length > 0 && /* @__PURE__ */ jsx("div", { className: "w-full grid grid-cols-3 divide-x divide-border border-y border-border py-3 mt-1", children: stats.map((stat) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5 px-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-base font-bold", children: stat.value }),
+      /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: stat.label })
+    ] }, stat.label)) }),
+    (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 w-full", children: [
+      secondaryAction && /* @__PURE__ */ jsx(Button, { variant: "outline", className: "flex-1", size: "sm", onClick: secondaryAction.onClick, children: secondaryAction.label }),
+      primaryAction && /* @__PURE__ */ jsx(Button, { className: "flex-1", size: "sm", onClick: primaryAction.onClick, children: primaryAction.label })
+    ] })
+  ] }) });
+}
+const statusConfig = {
+  active: { label: "Em andamento", variant: "info", progressVariant: "info" },
+  review: { label: "Em revisão", variant: "warning", progressVariant: "warning" },
+  done: { label: "Concluído", variant: "success", progressVariant: "success" },
+  paused: { label: "Pausado", variant: "secondary", progressVariant: "default" },
+  "at-risk": { label: "Em risco", variant: "destructive", progressVariant: "destructive" }
+};
+function ProjectCard({
+  title,
+  description,
+  status,
+  progress,
+  dueDate,
+  members = [],
+  maxMembers = 4,
+  action,
+  className,
+  ...props
+}) {
+  const { label, variant, progressVariant } = statusConfig[status];
+  const visible = members.slice(0, maxMembers);
+  const overflow = members.length - maxMembers;
+  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full", className), ...props, children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 min-w-0", children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "truncate", children: title }),
+        description && /* @__PURE__ */ jsx(CardDescription, { className: "line-clamp-2", children: description })
+      ] }),
+      /* @__PURE__ */ jsxs(CardAction, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Badge, { variant, children: label }),
+        action
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("span", { children: "Progresso" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          progress,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Progress, { value: progress, variant: progressVariant, className: "h-2" })
+    ] }) }),
+    /* @__PURE__ */ jsxs(CardFooter, { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex -space-x-2", children: [
+        visible.map((m) => /* @__PURE__ */ jsxs(Avatar, { className: "size-7 border-2 border-background", children: [
+          m.avatar && /* @__PURE__ */ jsx(AvatarImage, { src: m.avatar, alt: m.name }),
+          /* @__PURE__ */ jsx(AvatarFallback, { className: "text-[10px]", children: m.initials })
+        ] }, m.name)),
+        overflow > 0 && /* @__PURE__ */ jsxs("div", { className: "size-7 rounded-full border-2 border-background bg-muted flex items-center justify-center text-[10px] font-medium text-muted-foreground", children: [
+          "+",
+          overflow
+        ] })
+      ] }),
+      dueDate && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: dueDate })
+    ] })
+  ] });
+}
+function QuickActionCard({
+  title,
+  description,
+  icon,
+  badge,
+  badgeVariant = "secondary",
+  actionLabel,
+  actionVariant = "default",
+  onAction,
+  disabled,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      className: cn(
+        "w-full group transition-shadow hover:shadow-md",
+        disabled && "opacity-60 pointer-events-none",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 flex flex-col items-start gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between w-full", children: [
+          /* @__PURE__ */ jsx("div", { className: "p-2.5 rounded-[var(--radius)] bg-primary/10 text-primary", children: icon }),
+          badge && /* @__PURE__ */ jsx(Badge, { variant: badgeVariant, children: badge })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm leading-tight", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: description })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: actionVariant,
+            size: "sm",
+            className: "w-full",
+            onClick: onAction,
+            disabled,
+            children: actionLabel
+          }
+        )
+      ] })
+    }
+  );
+}
+const typeVariant = {
+  info: "info",
+  warning: "warning",
+  success: "success",
+  error: "destructive",
+  default: "secondary"
+};
+function NotificationCard({
+  title = "Notificações",
+  items,
+  unreadCount,
+  onMarkAllRead,
+  onViewAll,
+  maxItems = 4,
+  className,
+  ...props
+}) {
+  const visible = items.slice(0, maxItems);
+  const count = unreadCount ?? items.filter((i) => !i.read).length;
+  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full", className), ...props, children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: title }),
+        count > 0 && /* @__PURE__ */ jsx(Badge, { variant: "destructive", className: "h-5 text-[11px] px-1.5", children: count })
+      ] }),
+      onMarkAllRead && count > 0 && /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "text-xs h-7", onClick: onMarkAllRead, children: "Marcar todas como lidas" }) })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { className: "px-0 pb-0", children: /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border", children: visible.map((item) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: cn(
+          "flex items-start gap-3 px-6 py-3 transition-colors",
+          !item.read && "bg-muted/40"
+        ),
+        children: [
+          item.user ? /* @__PURE__ */ jsxs(Avatar, { className: "size-8 shrink-0 mt-0.5", children: [
+            item.user.avatar && /* @__PURE__ */ jsx(AvatarImage, { src: item.user.avatar, alt: item.user.name }),
+            /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", children: item.user.initials })
+          ] }) : /* @__PURE__ */ jsx("div", { className: "size-8 shrink-0 mt-0.5 rounded-full bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: cn(
+            "size-2 rounded-full",
+            item.type === "error" ? "bg-destructive" : item.type === "warning" ? "bg-warning" : item.type === "success" ? "bg-success" : item.type === "info" ? "bg-info" : "bg-muted-foreground"
+          ) }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: item.title }),
+              item.type && item.type !== "default" && /* @__PURE__ */ jsx(Badge, { variant: typeVariant[item.type], className: "text-[10px] px-1.5 h-4 shrink-0", children: item.type })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2 mt-0.5", children: item.message }),
+            /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground/70 mt-1", children: item.time })
+          ] }),
+          !item.read && /* @__PURE__ */ jsx("div", { className: "size-2 rounded-full bg-primary shrink-0 mt-2" })
+        ]
+      },
+      item.id
+    )) }) }),
+    onViewAll && /* @__PURE__ */ jsx(CardFooter, { className: "pt-2", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "w-full text-xs", onClick: onViewAll, children: "Ver todas as notificações" }) })
+  ] });
+}
+const colorTokens = {
+  primary: { bg: "bg-primary/10", icon: "text-primary" },
+  "chart-1": { bg: "bg-[var(--chart-1)]/15", icon: "text-[var(--chart-1)]" },
+  "chart-2": { bg: "bg-[var(--chart-2)]/15", icon: "text-[var(--chart-2)]" },
+  "chart-3": { bg: "bg-[var(--chart-3)]/15", icon: "text-[var(--chart-3)]" },
+  "chart-4": { bg: "bg-[var(--chart-4)]/15", icon: "text-[var(--chart-4)]" },
+  "chart-5": { bg: "bg-[var(--chart-5)]/15", icon: "text-[var(--chart-5)]" },
+  success: { bg: "bg-success/10", icon: "text-success" },
+  info: { bg: "bg-info/10", icon: "text-info" },
+  warning: { bg: "bg-warning/10", icon: "text-warning" },
+  destructive: { bg: "bg-destructive/10", icon: "text-destructive" }
+};
+function FeatureCard({
+  title,
+  description,
+  icon,
+  color = "primary",
+  badge,
+  badgeVariant = "default",
+  actionLabel,
+  actionVariant = "outline",
+  onAction,
+  className,
+  ...props
+}) {
+  const { bg, icon: iconColor } = colorTokens[color];
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn(
+        "flex flex-col h-full hover:shadow-md transition-shadow duration-200",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx("div", { className: cn("p-2 rounded-[var(--radius)] shrink-0", bg), children: /* @__PURE__ */ jsx("div", { className: cn("size-6 flex items-center justify-center [&>svg]:size-6", iconColor), children: icon }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 min-w-0", children: [
+            /* @__PURE__ */ jsx(CardTitle, { className: "text-sm", children: title }),
+            badge && /* @__PURE__ */ jsx(Badge, { variant: badgeVariant, className: "text-xs", children: badge })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(CardContent, { className: "flex-1", children: /* @__PURE__ */ jsx(CardDescription, { className: "text-sm leading-relaxed", children: description }) }),
+        actionLabel && /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(Button, { variant: actionVariant, className: "w-full", onClick: onAction, children: actionLabel }) })
+      ]
+    }
+  );
+}
+export {
+  ActivityCard as A,
+  FeatureCard as F,
+  NotificationCard as N,
+  ProfileCard as P,
+  QuickActionCard as Q,
+  ProjectCard as a
+};