4e:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 4f:T956,"use client"; import { memo, useId, useMemo } from "react"; import { cn } from "@/lib/utils"; import { DEFAULT_PEOPLE_GRID_LABELS, type PeopleGridColumns, type PeopleGridLabels, type PeopleGridProps, } from "./types"; import { PersonCard } from "./parts/person-card"; const COLUMNS_MAP: Record = { 2: "grid-cols-1 sm:grid-cols-2", 3: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3", 4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-4", 5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5", }; function PeopleGridInner({ items, heading, headingAs = "h2", columns = 3, avatarSize = "lg", alignment = "center", linkComponent = "a", renderItem, labels: labelsProp, emptyState, className, headingClassName, gridClassName, itemClassName, }: PeopleGridProps) { const headingId = useId(); const HeadingTag = headingAs; const labels = useMemo>( () => ({ ...DEFAULT_PEOPLE_GRID_LABELS, ...labelsProp }), [labelsProp], ); const isEmpty = items.length === 0; return (

{heading && ( {heading} )} {isEmpty ? ( emptyState ?? (

{labels.emptyText}

) ) : (

{renderItem(item)}

), )}

)}

); } const PeopleGrid = memo(PeopleGridInner); PeopleGrid.displayName = "PeopleGrid"; export { PeopleGrid }; export default PeopleGrid; 50:T99f,import type { ElementType, ReactNode } from "react"; export type PeopleGridColumns = 2 | 3 | 4 | 5; export type PeopleGridAvatarSize = "sm" | "md" | "lg"; export type PeopleGridAlignment = "center" | "start"; export interface PeopleGridItem { /** Stable identifier. Used for React keys + accessible-name composition. */ id: string; /** Person's display name. Required — drives the initials fallback. */ name: string; /** Role / title (muted, smaller, below name). Optional. */ title?: string; /** Avatar image URL. Optional — falls back to initials circle. */ image?: string; /** Image alt text. Optional — falls back to `name`. */ imageAlt?: string; /** Optional URL — when supplied + `linkComponent` provided, the entire card becomes clickable. */ href?: string; } export interface PeopleGridLabels { /** Default: "No people to display." Used when `items` is empty AND `emptyState` not provided. */ emptyText?: string; } export interface PeopleGridProps { /** Items to render in display order. */ items: PeopleGridItem[]; /** Optional section heading text. */ heading?: string; /** Heading semantic level. Default: 'h2' (people grids are typically top-level page sections). */ headingAs?: "h2" | "h3" | "h4"; /** Number of columns at the largest breakpoint. Default: 3. All grids start at 1 col on mobile. */ columns?: PeopleGridColumns; /** Avatar size. Default: 'lg' (w-24 h-24). 'md' = w-16, 'sm' = w-12. */ avatarSize?: PeopleGridAvatarSize; /** Card alignment within each grid cell. Default: 'center'. */ alignment?: PeopleGridAlignment; /** Element used when `item.href` is supplied. Default: 'a'. */ linkComponent?: ElementType; /** Custom per-item renderer — bypasses the default card layout entirely. */ renderItem?: (item: PeopleGridItem) => ReactNode; /** Localized labels. */ labels?: PeopleGridLabels; /** Empty-state slot. Wins over `labels.emptyText`. */ emptyState?: ReactNode; /** Override classes for the root

. */ className?: string; /** Override classes for the heading. */ headingClassName?: string; /** Override classes for the grid container. */ gridClassName?: string; /** Override classes per item (the

). */ itemClassName?: string; } /** Default English labels — exported for consumer composition. */ export const DEFAULT_PEOPLE_GRID_LABELS: Required = { emptyText: "No people to display.", }; 51:T98e,"use client"; import { useId, type ElementType } from "react"; import { cn } from "@/lib/utils"; import type { PeopleGridAlignment, PeopleGridAvatarSize, PeopleGridItem, } from "../types"; import { getInitials } from "../lib/get-initials"; interface PersonCardProps { item: PeopleGridItem; avatarSize: PeopleGridAvatarSize; alignment: PeopleGridAlignment; linkComponent: ElementType; itemClassName?: string; } const AVATAR_SIZE_MAP: Record< PeopleGridAvatarSize, { wrapper: string; initials: string } > = { sm: { wrapper: "w-12 h-12", initials: "text-sm" }, md: { wrapper: "w-16 h-16", initials: "text-base" }, lg: { wrapper: "w-24 h-24", initials: "text-2xl" }, }; export function PersonCard({ item, avatarSize, alignment, linkComponent: LinkComponent, itemClassName, }: PersonCardProps) { const nameId = useId(); const isLinked = item.href != null && item.href.length > 0; const sizeClasses = AVATAR_SIZE_MAP[avatarSize]; return (

{item.image ? ( {item.imageAlt

) : ( )}

{item.name}

{item.title && (

{item.title}

)} {isLinked && ( )}

); } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L4e",null,{"files":[{"path":"src/registry/components/data/people-grid/people-grid.tsx","content":"$4f","type":"registry:component","target":"components/people-grid/people-grid.tsx"},{"path":"src/registry/components/data/people-grid/index.ts","content":"export { PeopleGrid, default } from \"./people-grid\";\n\nexport type {\n PeopleGridItem,\n PeopleGridLabels,\n PeopleGridProps,\n PeopleGridColumns,\n PeopleGridAvatarSize,\n PeopleGridAlignment,\n} from \"./types\";\n\nexport { DEFAULT_PEOPLE_GRID_LABELS } from \"./types\";\n\nexport { getInitials } from \"./lib/get-initials\";\n\n","type":"registry:component","target":"components/people-grid/index.ts"},{"path":"src/registry/components/data/people-grid/types.ts","content":"$50","type":"registry:component","target":"components/people-grid/types.ts"},{"path":"src/registry/components/data/people-grid/parts/person-card.tsx","content":"$51","type":"registry:component","target":"components/people-grid/parts/person-card.tsx"},{"path":"src/registry/components/data/people-grid/lib/get-initials.ts","content":"const TITLE_PATTERN = /^(Dr|Prof|Mr|Mrs|Ms|Sr|Jr)\\.?$/i;\n\n/**\n * Pure function. Returns 1–2 uppercase initials from a name.\n *\n * Skips common honorifics (Dr., Prof., Mr., Mrs., Ms., Sr., Jr.).\n *\n * @example\n * getInitials(\"Dr. Ahmet Yılmaz\") // → \"AY\"\n * getInitials(\"Prof. Dr. Elif Kaya\") // → \"EK\"\n * getInitials(\"Madonna\") // → \"M\"\n * getInitials(\"\") // → \"?\"\n */\nexport function getInitials(name: string): string {\n const trimmed = name.trim();\n if (!trimmed) return \"?\";\n\n const parts = trimmed\n .split(/\\s+/)\n .filter((p) => !TITLE_PATTERN.test(p));\n\n if (parts.length === 0) {\n return trimmed.charAt(0).toUpperCase() || \"?\";\n }\n if (parts.length === 1) {\n return parts[0].charAt(0).toUpperCase();\n }\n return (\n parts[0].charAt(0) + parts[parts.length - 1].charAt(0)\n ).toUpperCase();\n}\n","type":"registry:component","target":"components/people-grid/lib/get-initials.ts"}],"className":"h-[70svh] min-h-80"}]]}]