xertica-ui 2.5.2 → 2.6.0

package/dist/FeatureCard-CkPd2psQ.cjs

@@ -1,301 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const card = require("./card-DJTsYhLL.cjs");
-const avatar = require("./avatar-Cq5_E8r9.cjs");
-const progress = require("./progress-BLwqortq.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(card.Card, { className: button.cn("w-full", className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(card.CardTitle, { children: title }),
-      action && /* @__PURE__ */ jsxRuntime.jsx(card.CardAction, { children: action })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(card.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(card.Card, { className: button.cn("w-full", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(card.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(card.Card, { className: button.cn("w-full", className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 min-w-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(card.CardTitle, { className: "truncate", children: title }),
-        description && /* @__PURE__ */ jsxRuntime.jsx(card.CardDescription, { className: "line-clamp-2", children: description })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(card.CardAction, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant, children: label }),
-        action
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(card.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(card.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(
-    card.Card,
-    {
-      className: button.cn(
-        "w-full group transition-shadow hover:shadow-md",
-        disabled && "opacity-60 pointer-events-none",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(card.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(card.Card, { className: button.cn("w-full", className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(card.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(card.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(card.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(card.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(
-    card.Card,
-    {
-      className: button.cn(
-        "flex flex-col h-full hover:shadow-md transition-shadow duration-200",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(card.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(card.CardTitle, { className: "text-sm", children: title }),
-            badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: badgeVariant, className: "text-xs", children: badge })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(card.CardContent, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(card.CardDescription, { className: "text-sm leading-relaxed", children: description }) }),
-        actionLabel && /* @__PURE__ */ jsxRuntime.jsx(card.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-Dkp-xmzM.cjs

@@ -1,335 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const card = require("./card-Bv_c57KU.cjs");
-const avatar = require("./avatar-CuYu2MKt.cjs");
-const progress = require("./progress-DDeuWPZw.cjs");
-const button = require("./button-Bnv9SvYK.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(card.Card, { className: button.cn("w-full", className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(card.CardTitle, { children: title }),
-      action && /* @__PURE__ */ jsxRuntime.jsx(card.CardAction, { children: action })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(card.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(card.Card, { className: button.cn("w-full", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(card.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(card.Card, { className: button.cn("w-full", className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 min-w-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(card.CardTitle, { className: "truncate", children: title }),
-        description && /* @__PURE__ */ jsxRuntime.jsx(card.CardDescription, { className: "line-clamp-2", children: description })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(card.CardAction, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant, children: label }),
-        action
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(card.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(card.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(
-    card.Card,
-    {
-      className: button.cn(
-        "w-full group transition-shadow hover:shadow-md",
-        disabled && "opacity-60 pointer-events-none",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(card.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(card.Card, { className: button.cn("w-full", className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(card.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(card.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(card.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(card.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(
-    card.Card,
-    {
-      className: button.cn(
-        "flex flex-col h-full hover:shadow-md transition-shadow duration-200",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(card.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(card.CardTitle, { className: "text-sm", children: title }),
-            badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: badgeVariant, className: "text-xs", children: badge })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(card.CardContent, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(card.CardDescription, { className: "text-sm leading-relaxed", children: description }) }),
-        actionLabel && /* @__PURE__ */ jsxRuntime.jsx(card.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;