4e:I[707087,["/_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"],"RegistryDependencies"] 4f: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"] 50:T8c6,import { memo, useId } from "react"; import { User } from "lucide-react"; import { cn } from "@/lib/utils"; import { AuthorAvatar } from "./parts/avatar"; import { resolveTone } from "./parts/tone-resolver"; import { AUTHOR_CARD_DEFAULT_LABELS, type AuthorCardProps } from "./types"; function AuthorCardInner(props: AuthorCardProps) { const { name, role, bio, imageSrc, imageAlt, fallbackIcon = User, href, linkComponent, tone = "primary", headingAs: HeadingTag = "h3", labels, className, headingClassName, nameClassName, bioClassName, } = props; const nameId = useId(); const toneClasses = resolveTone(tone); const resolvedLabels = { ...AUTHOR_CARD_DEFAULT_LABELS, ...labels }; const resolvedAlt = imageAlt ?? name; const isClickable = Boolean(href); const RootEl = isClickable ? linkComponent ?? "a" : "div"; const rootClass = cn( "block bg-card rounded-2xl p-6 border border-border/50 transition-colors", isClickable && "hover:border-border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className ); const linkProps = isClickable ? { href, "aria-labelledby": nameId } : {}; return ( {resolvedLabels.heading}

{name}

{role}

{bio ? (

{bio}

) : null} ); } export const AuthorCard = memo(AuthorCardInner); AuthorCard.displayName = "AuthorCard"; 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4e",null,{"namespace":"@ilinxa","registryDependencies":[]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"src/registry/components/marketing/author-card/author-card.tsx","content":"$50","type":"registry:component","target":"components/author-card/author-card.tsx"},{"path":"src/registry/components/marketing/author-card/index.ts","content":"export { AuthorCard } from \"./author-card\";\nexport {\n AUTHOR_CARD_DEFAULT_LABELS,\n type AuthorCardLabels,\n type AuthorCardProps,\n type AuthorCardTone,\n} from \"./types\";\n","type":"registry:component","target":"components/author-card/index.ts"},{"path":"src/registry/components/marketing/author-card/types.ts","content":"import type { ComponentType, ElementType } from \"react\";\n\nexport type AuthorCardTone = \"primary\" | \"accent\" | \"muted\";\n\nexport interface AuthorCardLabels {\n heading?: string;\n}\n\nexport interface AuthorCardProps {\n name: string;\n role: string;\n bio?: string;\n imageSrc?: string;\n imageAlt?: string;\n fallbackIcon?: ComponentType<{ className?: string }>;\n href?: string;\n linkComponent?: ElementType;\n tone?: AuthorCardTone;\n headingAs?: \"h2\" | \"h3\" | \"h4\";\n labels?: AuthorCardLabels;\n className?: string;\n headingClassName?: string;\n nameClassName?: string;\n bioClassName?: string;\n}\n\nexport const AUTHOR_CARD_DEFAULT_LABELS: Required = {\n heading: \"About the author\",\n};\n","type":"registry:component","target":"components/author-card/types.ts"},{"path":"src/registry/components/marketing/author-card/parts/avatar.tsx","content":"import type { ComponentType } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport type { ToneClasses } from \"./tone-resolver\";\n\ninterface AuthorAvatarProps {\n imageSrc?: string;\n imageAlt: string;\n fallbackIcon: ComponentType<{ className?: string }>;\n toneClasses: ToneClasses;\n}\n\nexport function AuthorAvatar({\n imageSrc,\n imageAlt,\n fallbackIcon: Icon,\n toneClasses,\n}: AuthorAvatarProps) {\n if (imageSrc) {\n return (\n \n );\n }\n return (\n \n \n \n );\n}\n","type":"registry:component","target":"components/author-card/parts/avatar.tsx"},{"path":"src/registry/components/marketing/author-card/parts/tone-resolver.ts","content":"import type { AuthorCardTone } from \"../types\";\n\nexport interface ToneClasses {\n avatarBg: string;\n avatarIcon: string;\n}\n\nconst TONE_MAP: Record = {\n primary: { avatarBg: \"bg-primary/10\", avatarIcon: \"text-primary\" },\n accent: { avatarBg: \"bg-accent\", avatarIcon: \"text-accent-foreground\" },\n muted: { avatarBg: \"bg-muted\", avatarIcon: \"text-muted-foreground\" },\n};\n\nexport function resolveTone(tone: AuthorCardTone): ToneClasses {\n return TONE_MAP[tone];\n}\n","type":"registry:component","target":"components/author-card/parts/tone-resolver.ts"}],"className":"h-[70svh] min-h-80"}]]}]