Repository Card Glass

1/* eslint-disable react-refresh/only-export-components */
2// ========================================
3// REPOSITORY CARD GLASS COMPONENT
4// Expandable repository card with compound API
5// Issue #15: shadcn/ui compatible compound component
6// ========================================
7 
8import { forwardRef, type CSSProperties, type ReactNode, useMemo } from 'react';
9import {
10  ChevronDown,
11  ChevronUp,
12  Star,
13  ExternalLink,
14  Sparkles,
15  AlertTriangle,
16  GitFork,
17  Activity,
18  Shield,
19} from 'lucide-react';
20import { cn } from '@/lib/utils';
21import { StatusIndicatorGlass } from '../../specialized/status-indicator-glass';
22import { ButtonGlass } from '../../ui/button-glass';
23import { BadgeGlass } from '../../ui/badge-glass';
24import { AvatarGlass, AvatarGlassImage, AvatarGlassFallback } from '../../ui/avatar-glass';
25import { ProgressGlass } from '../../specialized/progress-glass';
26import {
27  HoverCardGlass,
28  HoverCardGlassTrigger,
29  HoverCardGlassContent,
30} from '../../ui/hover-card-glass';
31import { InteractiveCard } from '../../primitives';
32import {
33  RepositoryCardContext,
34  useRepositoryCard,
35  type RepositoryCardContextValue,
36} from './repository-card-context';
37import {
38  getContributionBadgeVariant,
39  getActivityStatus,
40  getActivityStatusInfo,
41  getRoleBadgeVariant,
42  getRoleLabel,
43  getHealthStatus,
44  getHealthStatusInfo,
45  getLanguageColor,
46  calculateContributionPercent,
47  formatNumberWithSuffix,
48  type ContributorRole,
49  type TeamMember,
50} from './repository-card-utils';
51import '@/glass-theme.css';
52 
53// ========================================
54// TYPES
55// ========================================
56 
57export type RepositoryFlagType = 'green' | 'yellow' | 'red';
58 
59/** Props for RepositoryCardGlass.Root */
60export interface RepositoryCardRootProps extends React.HTMLAttributes<HTMLDivElement> {
61  /** Whether the card is expanded */
62  expanded?: boolean;
63  /** Callback when toggle is triggered */
64  onToggle?: () => void;
65  children: ReactNode;
66}
67 
68/** Props for RepositoryCardGlass.Header */
69export interface RepositoryCardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
70  children: ReactNode;
71}
72 
73/** Props for RepositoryCardGlass.Name */
74export interface RepositoryCardNameProps extends React.HTMLAttributes<HTMLSpanElement> {
75  children: ReactNode;
76}
77 
78/** Props for RepositoryCardGlass.Status */
79export interface RepositoryCardStatusProps {
80  type?: RepositoryFlagType;
81  className?: string;
82}
83 
84/** Props for RepositoryCardGlass.Stars */
85// … truncated