xertica-ui 2.5.2 → 2.6.0

package/dist/FeatureCard-9GhnlgL3.js

@@ -1,336 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { C as Card, e as CardHeader, f as CardTitle, a as CardAction, b as CardContent, c as CardDescription, d as CardFooter } from "./card-B8-Gl5DL.js";
-import { A as Avatar, b as AvatarImage, a as AvatarFallback } from "./avatar-Cxyofu1H.js";
-import { B as Badge, P as Progress } from "./progress-Cs9i4DPx.js";
-import { c as cn, B as Button } from "./button-C6uvh0rV.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
-};

package/dist/FeatureCard-Bcb3Zi54.js

@@ -1,302 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { C as Card, e as CardHeader, f as CardTitle, a as CardAction, b as CardContent, c as CardDescription, d as CardFooter } from "./card-fi8zAN-I.js";
-import { A as Avatar, b as AvatarImage, a as AvatarFallback } from "./avatar-DSBfJMRJ.js";
-import { B as Badge, P as Progress } from "./progress-D9mtsf6j.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
-};